body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{font-size:inherit}button,input{overflow:visible}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto}fieldset{border:0;min-width:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;white-space:normal;width:100%}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}output{display:inline-block}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--adm-radius-s:4px;--adm-radius-m:8px;--adm-radius-l:12px;--adm-font-size-1:9px;--adm-font-size-2:10px;--adm-font-size-3:11px;--adm-font-size-4:12px;--adm-font-size-5:13px;--adm-font-size-6:14px;--adm-font-size-7:15px;--adm-font-size-8:16px;--adm-font-size-9:17px;--adm-font-size-10:18px;--adm-color-primary:#1677ff;--adm-color-success:#00b578;--adm-color-warning:#ff8f1f;--adm-color-danger:#ff3141;--adm-color-yellow:#ff9f18;--adm-color-orange:#ff6430;--adm-color-wathet:#e7f1ff;--adm-color-text:#333;--adm-color-text-secondary:#666;--adm-color-weak:#999;--adm-color-light:#ccc;--adm-color-border:#eee;--adm-color-background:#fff;--adm-color-highlight:var(--adm-color-danger);--adm-color-white:#fff;--adm-color-box:#f5f5f5;--adm-color-text-light-solid:var(--adm-color-white);--adm-color-text-dark-solid:#000;--adm-color-fill-content:var(--adm-color-box);--adm-font-size-main:var(--adm-font-size-5);--adm-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--adm-border-color:var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary:#3086ff;--adm-color-success:#34b368;--adm-color-warning:#ffa930;--adm-color-danger:#ff4a58;--adm-color-yellow:#ffa930;--adm-color-orange:#e65a2b;--adm-color-wathet:#0d2543;--adm-color-text:#e6e6e6;--adm-color-text-secondary:#b3b3b3;--adm-color-weak:grey;--adm-color-light:#4d4d4d;--adm-color-border:#2b2b2b;--adm-color-box:#0a0a0a;--adm-color-background:#1a1a1a;--adm-color-background-body:var(--adm-color-background);--adm-border-color:var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:#333;color:var(--adm-color-text);font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,segoe ui,arial,roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-family:var(--adm-font-family);font-size:13px;font-size:var(--adm-font-size-main)}a,button{cursor:pointer}a{color:#1677ff;color:var(--adm-color-primary);transition:opacity .2s ease-in-out}a:active{opacity:.8}.adm-plain-anchor{color:inherit;transition:none}.adm-plain-anchor:active{opacity:1}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size:1;height:calc(var(--size)/2*2px);left:-100vw;pointer-events:none;position:fixed;top:-100vh;-webkit-user-select:none;user-select:none;width:0}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:var(--neutral-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;max-width:100vw}[role=button],a,body,button{-webkit-tap-highlight-color:rgba(66,133,244,.2);touch-action:manipulation}img,video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){a,button{min-height:44px;min-width:44px}}@media (max-width:768px) and (orientation:landscape){body{font-size:14px}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-primary-light:#e8eeff;--color-primary-dark:#1e3a8a;--color-accent:#06b6d4;--color-accent-hover:#0891b2;--color-accent-light:#e6fafd;--color-success:#52c41a;--color-success-hover:#73d13d;--color-success-active:#389e0d;--color-success-light:#f6ffed;--color-warning:#faad14;--color-warning-hover:#ffc53d;--color-warning-active:#d48806;--color-warning-light:#fffbe6;--color-error:#f5222d;--color-error-hover:#ff4d4f;--color-error-active:#cf1322;--color-error-light:#fff1f0;--color-info:#1890ff;--color-info-hover:#40a9ff;--color-info-active:#096dd9;--color-info-light:#e6f7ff;--color-text-primary:#262626;--color-text-secondary:#595959;--color-text-tertiary:#8c8c8c;--color-text-disabled:#bfbfbf;--color-text-inverse:#fff;--color-border:#d9d9d9;--color-border-light:#f0f0f0;--color-divider:#f0f0f0;--color-bg-base:#fff;--color-bg-light:#fafafa;--color-bg-grey:#f5f5f5;--color-bg-dark:#141414;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f5;--color-mask:#00000073;--color-mask-light:#0003;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-round:50%;--border-radius-circle:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-code:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-xxxl:32px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:2000;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--breakpoint-xs:480px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-padding-x-sm:12px;--button-padding-x-md:16px;--button-padding-x-lg:24px;--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--input-padding-x:12px;--avatar-size-sm:32px;--avatar-size-md:40px;--avatar-size-lg:64px;--avatar-size-xl:80px;--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px}[data-theme=dark]{--color-text-primary:#fff;--color-text-secondary:#d9d9d9;--color-text-tertiary:#8c8c8c;--color-text-disabled:#595959;--color-bg-base:#141414;--color-bg-light:#1f1f1f;--color-bg-grey:#262626;--color-border:#434343;--color-border-light:#303030;--color-divider:#303030}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-primary-light);color:var(--color-primary)}::-moz-selection{background-color:var(--color-primary-light);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{height:auto;max-width:100%;-webkit-user-select:none;user-select:none;vertical-align:middle}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}button:disabled{cursor:not-allowed;opacity:.6}a{text-decoration:none}input,select,textarea{color:inherit;font:inherit}ol,ul{list-style:none;margin:0;padding:0}table{width:100%}#root{display:flex;flex-direction:column;min-height:100vh}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:767px){body{font-size:var(--font-size-sm)}}@media print{body{background:#fff;color:#000}}.heading-1,h1{font-size:var(--font-size-xxxl);margin:0 0 var(--spacing-lg)}.heading-1,.heading-2,h1,h2{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-2,h2{font-size:var(--font-size-xxl);margin:0 0 var(--spacing-md)}.heading-3,h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-md)}.heading-3,.heading-4,h3,h4{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.heading-4,h4{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm)}.heading-5,h5{font-size:var(--font-size-base);margin:0 0 var(--spacing-sm)}.heading-5,.heading-6,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.heading-6,h6{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs)}.paragraph,p{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md)}.paragraph--large{font-size:var(--font-size-lg)}.paragraph--small{font-size:var(--font-size-sm)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-light{font-weight:var(--font-weight-light)}.text-normal{font-weight:var(--font-weight-normal)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-decoration{text-decoration:none}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-2,.text-ellipsis-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-3{-webkit-line-clamp:3}.text-nowrap{white-space:nowrap}.text-pre{white-space:pre}.text-pre-wrap{white-space:pre-wrap}.text-break{overflow-wrap:break-word;word-break:break-word}.link{color:var(--color-primary);cursor:pointer;text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.link:active{color:var(--color-primary-active)}.link--disabled{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.list{margin:0 0 var(--spacing-md);padding-left:var(--spacing-lg)}.list-item{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xs)}.list--unstyled{list-style:none;padding-left:0}.code-inline{border-radius:var(--border-radius-sm);color:var(--color-error);font-size:.875em;padding:2px 6px}.code-block,.code-inline{background-color:var(--color-bg-grey);font-family:var(--font-family-code)}.code-block{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin:var(--spacing-md) 0;overflow-x:auto;padding:var(--spacing-md)}@media (max-width:767px){.hidden-mobile{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-tablet{display:none!important}}@media (min-width:992px){.hidden-desktop{display:none!important}}@media (min-width:768px){.visible-mobile{display:none!important}}@media (max-width:767px),(min-width:992px){.visible-tablet{display:none!important}}@media (max-width:991px){.visible-desktop{display:none!important}}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1600px){.container{max-width:1400px}}.container-fluid{padding-left:var(--spacing-md);padding-right:var(--spacing-md);width:100%}@media (max-width:767px){.mobile-p-sm{padding:var(--spacing-sm)}.mobile-p-md{padding:var(--spacing-md)}.mobile-m-sm{margin:var(--spacing-sm)}.mobile-m-md{margin:var(--spacing-md)}.mobile-text-sm{font-size:var(--font-size-sm)}.mobile-text-md{font-size:var(--font-size-base)}.mobile-full-width{width:100%}.mobile-stack{display:flex;flex-direction:column}.mobile-grid-1{grid-template-columns:1fr}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){.touch-target{min-height:44px;min-width:44px}.no-touch-hover:hover{opacity:1;transform:none}.touch-feedback:active{opacity:.7;transform:scale(.98)}}@media print{.no-print{display:none!important}.print-only{display:block!important}*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important;page-break-inside:avoid}h2,h3{page-break-after:avoid}}.transition-all{transition:all var(--duration-normal) var(--ease-in-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-in-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-in-out)}.transition-colors{transition:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-in-out)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-in-out)}.fade-out{animation:fadeOut var(--duration-normal) var(--ease-in-out)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.slide-in-up{animation:slideInUp var(--duration-normal) var(--ease-out)}.slide-in-down{animation:slideInDown var(--duration-normal) var(--ease-out)}.slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-out)}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.zoom-in{animation:zoomIn var(--duration-normal) var(--ease-out)}.zoom-out{animation:zoomOut var(--duration-normal) var(--ease-in)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate{animation:rotate var(--duration-slow) linear infinite}.spin{animation:spin 1s linear infinite}.shake{animation:shake .5s var(--ease-in-out)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation:bounce 1s var(--ease-bounce)}.pulse{animation:pulse 2s var(--ease-in-out) infinite}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{animation:loading 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);display:inline-block;height:20px;width:20px}.hover-lift{transition:transform var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow{transition:box-shadow var(--duration-fast) var(--ease-out)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.duration-fast{animation-duration:var(--duration-fast)}.duration-normal{animation-duration:var(--duration-normal)}.duration-slow{animation-duration:var(--duration-slow)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-xxl{margin-right:var(--spacing-xxl)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-xxl{margin-left:var(--spacing-xxl)}.ml-auto{margin-left:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-0{margin-bottom:0;margin-top:0}.my-xs{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.my-sm{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.my-md{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.my-lg{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.my-xl{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl)}.my-auto{margin-bottom:auto;margin-top:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-xxl{padding-top:var(--spacing-xxl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pr-xxl{padding-right:var(--spacing-xxl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-xxl{padding-bottom:var(--spacing-xxl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pl-xxl{padding-left:var(--spacing-xxl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-bottom:0;padding-top:0}.py-xs{padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}.py-sm{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.py-md{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.py-lg{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.py-xl{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-xxl{gap:var(--spacing-xxl)}.gap-x-xs{column-gap:var(--spacing-xs)}.gap-x-sm{column-gap:var(--spacing-sm)}.gap-x-md{column-gap:var(--spacing-md)}.gap-x-lg{column-gap:var(--spacing-lg)}.gap-x-xl{column-gap:var(--spacing-xl)}.gap-y-xs{row-gap:var(--spacing-xs)}.gap-y-sm{row-gap:var(--spacing-sm)}.gap-y-md{row-gap:var(--spacing-md)}.gap-y-lg{row-gap:var(--spacing-lg)}.gap-y-xl{row-gap:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.grid-rows-1{grid-template-rows:repeat(1,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.grid-rows-3{grid-template-rows:repeat(3,1fr)}.grid-rows-4{grid-template-rows:repeat(4,1fr)}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.pos-static{position:static}.pos-relative{position:relative}.pos-absolute{position:absolute}.pos-fixed{position:fixed}.pos-sticky{position:-webkit-sticky;position:sticky}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.w-auto{width:auto}.w-screen{width:100vw}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-xs{max-width:320px}.max-w-sm{max-width:480px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-full{max-width:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.min-h-0{min-height:0}.min-h-full{min-height:100%}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.z-0{z-index:0}.z-20{z-index:20}.z-30{z-index:30}.z-auto{z-index:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.left-8{left:2rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-40{height:10rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-\[600px\]{height:600px}.h-full{height:100%}.min-h-\[180px\]{min-height:180px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-40{width:10rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[260px\]{max-width:260px}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-left{transform-origin:left}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.scale-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-8{border-left-width:8px}.border-t-\[5px\]{border-top-width:5px}.border-\[\#00A3E0\]{--tw-border-opacity:1;border-color:#00a3e0;border-color:rgb(0 163 224/var(--tw-border-opacity,1))}.border-\[\#FFD100\]{--tw-border-opacity:1;border-color:#ffd100;border-color:rgb(255 209 0/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-\[\#00A3E0\]{--tw-bg-opacity:1;background-color:#00a3e0;background-color:rgb(0 163 224/var(--tw-bg-opacity,1))}.bg-\[\#4D4D4D\]{--tw-bg-opacity:1;background-color:#4d4d4d;background-color:rgb(77 77 77/var(--tw-bg-opacity,1))}.bg-\[\#E0E0E0\]{--tw-bg-opacity:1;background-color:#e0e0e0;background-color:rgb(224 224 224/var(--tw-bg-opacity,1))}.bg-\[\#F4F4F4\]{--tw-bg-opacity:1;background-color:#f4f4f4;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\[\#F8F9FA\]{--tw-bg-opacity:1;background-color:#f8f9fa;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.bg-\[\#F9F9F9\]{--tw-bg-opacity:1;background-color:#f9f9f9;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-\[\#FFD100\]{--tw-bg-opacity:1;background-color:#ffd100;background-color:rgb(255 209 0/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/0{background-color:#0000}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/30{background-color:#ffffff4d}.bg-white\/95{background-color:#fffffff2}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:#000c var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black\/30{--tw-gradient-to:#0000004d var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1\.5{padding:.375rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-28{padding-bottom:7rem;padding-top:7rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#00A3E0\]{--tw-text-opacity:1;color:#00a3e0;color:rgb(0 163 224/var(--tw-text-opacity,1))}.text-\[\#111\]{--tw-text-opacity:1;color:#111;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-\[\#333\]{--tw-text-opacity:1;color:#333;color:rgb(51 51 51/var(--tw-text-opacity,1))}.text-\[\#666\]{--tw-text-opacity:1;color:#666;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-\[\#FFD100\]{--tw-text-opacity:1;color:#ffd100;color:rgb(255 209 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:#ffffffe6}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)}.drop-shadow-md,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.selection\:bg-\[\#FFD100\] ::selection{--tw-bg-opacity:1;background-color:#ffd100;background-color:rgb(255 209 0/var(--tw-bg-opacity,1))}.selection\:text-black ::selection{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.selection\:bg-\[\#FFD100\]::selection{--tw-bg-opacity:1;background-color:#ffd100;background-color:rgb(255 209 0/var(--tw-bg-opacity,1))}.selection\:text-black::selection{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.last\:mb-0:last-child{margin-bottom:0}.hover\:-top-2:hover{top:-.5rem}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-\[\#00A3E0\]:hover{--tw-border-opacity:1;border-color:#00a3e0;border-color:rgb(0 163 224/var(--tw-border-opacity,1))}.hover\:border-gray-100:hover{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.hover\:bg-\[\#008CC2\]:hover,.hover\:bg-\[\#008cc2\]:hover{--tw-bg-opacity:1;background-color:#008cc2;background-color:rgb(0 140 194/var(--tw-bg-opacity,1))}.hover\:bg-\[\#00A3E0\]:hover{--tw-bg-opacity:1;background-color:#00a3e0;background-color:rgb(0 163 224/var(--tw-bg-opacity,1))}.hover\:bg-\[\#ffdb4d\]:hover{--tw-bg-opacity:1;background-color:#ffdb4d;background-color:rgb(255 219 77/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-\[\#00A3E0\]:hover{--tw-text-opacity:1;color:#00a3e0;color:rgb(0 163 224/var(--tw-text-opacity,1))}.hover\:text-\[\#FFD100\]:hover{--tw-text-opacity:1;color:#ffd100;color:rgb(255 209 0/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#FFD100\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 209 0/var(--tw-ring-opacity,1))}.group:hover .group-hover\:-translate-y-3{--tw-translate-y:-0.75rem}.group:hover .group-hover\:-translate-y-3,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-x-100{--tw-scale-x:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-\[\#00A3E0\]{--tw-bg-opacity:1;background-color:#00a3e0;background-color:rgb(0 163 224/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-black\/10{background-color:#0000001a}.group:hover .group-hover\:text-\[\#00A3E0\]{--tw-text-opacity:1;color:#00a3e0;color:rgb(0 163 224/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:inline{display:inline}.md\:h-\[700px\]{height:700px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-10{gap:2.5rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-auto{width:auto}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:text-right{text-align:right}}.App{background:var(--color-background);min-height:100vh}.container{max-width:1280px;padding-inline:clamp(20px,5vw,80px)}.container,.container-wide{margin-inline:auto;width:100%}.container-wide{max-width:1440px;padding-inline:clamp(20px,5vw,100px)}.container-narrow{margin-inline:auto;max-width:960px;padding-inline:clamp(20px,5vw,60px);width:100%}.section{padding-block:clamp(80px,9vw,120px)}.section-title{color:var(--color-text-strong);font-weight:700;margin-bottom:clamp(32px,6vw,48px);text-align:center}.section-description{color:var(--color-text-medium);font-size:clamp(1rem,2vw,1.18rem);max-width:640px;text-align:center}@media (max-width:1440px){.container,.container-narrow,.container-wide{padding-inline:clamp(24px,4vw,60px)}}@media (max-width:768px){.section{padding-block:clamp(60px,16vw,84px)}.container,.container-narrow,.container-wide{padding-inline:clamp(16px,4vw,24px)}}@media (max-width:480px){.container,.container-narrow,.container-wide{padding-inline:16px}}.Header_header__Ova-7{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #2563eb1f;padding-inline:clamp(20px,3vw,40px);position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-color .3s ease;z-index:20;z-index:var(--z-index-sticky,20)}.Header_headerContainer__oEAJU{align-items:center;display:flex;gap:clamp(16px,4vw,40px);justify-content:space-between;margin-inline:auto;max-width:1400px;padding-block:clamp(14px,2vw,20px)}.Header_logo__QoHyH{align-items:center;color:#262626;color:var(--color-text-primary,#262626);display:inline-flex;font-weight:600;gap:14px;letter-spacing:-.01em;text-decoration:none}.Header_logoText__Z0StR{display:flex;flex-direction:column;gap:2px;line-height:1.1}.Header_logoText__Z0StR strong{color:inherit;font-size:1.05rem;font-weight:700}.Header_logoText__Z0StR small{color:#8c8c8c;color:var(--color-text-tertiary,#8c8c8c);font-size:.78rem}.Header_logoIcon__PJeD6{align-items:center;background:#ffffffe6;border-radius:14px;box-shadow:0 10px 20px #2563eb33;display:inline-flex;height:48px;justify-content:center;padding:4px;width:48px}.Header_logoImage__S6LWv{border-radius:10px;height:100%;object-fit:contain;width:100%}.Header_menuToggle__5pRIx{align-items:center;background:#2563eb1a;border:1px solid #2563eb2e;border-radius:14px;cursor:pointer;display:none;height:44px;justify-content:center;transition:background .25s ease,border-color .25s ease;width:44px}.Header_menuToggle__5pRIx:hover{background:#2563eb29;border-color:#2563eb3d}.Header_nav__BuAF3{align-items:center;display:flex;gap:clamp(22px,4vw,40px)}.Header_navLinks__1gqiu{align-items:center;display:flex;gap:clamp(18px,3.6vw,32px)}.Header_nav__BuAF3 a{color:#334155;font-size:.98rem;font-weight:600;padding:6px 0;position:relative;transition:color .25s ease}.Header_nav__BuAF3 a:after{background:linear-gradient(90deg,#2563eb,#1d4ed8);background:linear-gradient(90deg,var(--color-primary,#2563eb),#1d4ed8);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:100%}.Header_nav__BuAF3 a:hover{color:#2563eb;color:var(--color-primary,#2563eb)}.Header_nav__BuAF3 a:hover:after{transform:scaleX(1)}.Header_loginBtn__UDIzm{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary,#2563eb),#1d4ed8);border:none;border-radius:12px;box-shadow:0 18px 32px #2563eb40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 28px;transition:transform .2s ease,box-shadow .2s ease}.Header_loginBtn__UDIzm:hover{box-shadow:0 24px 44px #2563eb47;transform:translateY(-2px)}@media (max-width:960px){.Header_menuToggle__5pRIx{display:inline-flex}.Header_nav__BuAF3{align-items:flex-start;background:#fffffff5;border:1px solid #2563eb1f;border-radius:20px;box-shadow:0 24px 48px #102a431f;display:flex;flex-direction:column;gap:22px;inset:70px 16px auto;opacity:0;padding:24px 22px;pointer-events:none;position:fixed;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease}.Header_headerOverlay__plLK8{background:#fffffff2;border-bottom-color:#2563eb2e}.Header_nav__BuAF3.Header_isOpen__ceW9Z{opacity:1;pointer-events:auto;transform:translateY(0)}.Header_navLinks__1gqiu{flex-direction:column;gap:16px;width:100%}.Header_nav__BuAF3 a{font-size:1.05rem;width:100%}.Header_loginBtn__UDIzm{justify-content:center;width:100%}}.Footer_footer__y8IQW{background:linear-gradient(135deg,#0a1628,#1b3a52 50%,#2563eb);color:#ffffffe6;overflow:hidden;padding:clamp(40px,5vw,60px) 0 clamp(24px,3vw,32px);position:relative}.Footer_footer__y8IQW:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.Footer_footerContent__lhoB3{display:flex;flex-direction:column;gap:clamp(28px,3vw,40px);margin-inline:auto;max-width:1400px;padding-inline:clamp(20px,3vw,40px)}.Footer_footerGrid__M1-aB{grid-gap:clamp(24px,3vw,40px);display:grid;gap:clamp(24px,3vw,40px);grid-template-columns:2fr 1fr 1fr 1fr 1fr}@media (max-width:1024px){.Footer_footerGrid__M1-aB{grid-template-columns:2fr 1fr 1fr}.Footer_footerGrid__M1-aB .Footer_footerColumn__Ai\+BU:nth-child(4),.Footer_footerGrid__M1-aB .Footer_footerColumn__Ai\+BU:nth-child(5){grid-column:2/4}}@media (max-width:768px){.Footer_footerGrid__M1-aB{grid-template-columns:1fr 1fr}.Footer_footerGrid__M1-aB .Footer_footerAbout__8YSEb{grid-column:1/3}.Footer_footerGrid__M1-aB .Footer_footerColumn__Ai\+BU:nth-child(4),.Footer_footerGrid__M1-aB .Footer_footerColumn__Ai\+BU:nth-child(5){grid-column:auto}}@media (max-width:480px){.Footer_footerGrid__M1-aB{grid-template-columns:1fr}.Footer_footerGrid__M1-aB .Footer_footerAbout__8YSEb{grid-column:1}}.Footer_footerAbout__8YSEb{display:flex;flex-direction:column;gap:14px}.Footer_footerLogo__ofq\+x{align-items:center;color:#fff;display:flex;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;gap:12px;margin:0;text-decoration:none}.Footer_footerLogoIcon__k2zL4{align-items:center;background:#fffffff2;border-radius:14px;box-shadow:0 10px 20px #0003;display:inline-flex;flex-shrink:0;height:48px;justify-content:center;padding:6px;width:48px}.Footer_footerLogoIcon__k2zL4 img{border-radius:10px;height:100%;object-fit:contain;width:100%}.Footer_footerLogoText__PvkzT{display:flex;flex-direction:column;line-height:1.2}.Footer_footerLogoText__PvkzT strong{color:inherit}.Footer_footerLogoText__PvkzT small{color:#ffffffbf;font-size:.8rem;font-weight:500}.Footer_footerDescription__HOICp{color:#ffffffbf;font-size:.88rem;line-height:1.5;margin:0;max-width:380px}.Footer_footerContact__JLsNR{color:#ffffffd9;display:flex;flex-direction:column;font-size:.85rem;gap:6px}.Footer_footerContact__JLsNR p{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:8px;margin:0;padding:6px 10px;transition:all .3s ease}.Footer_footerContact__JLsNR p:hover{background:#ffffff14;border-color:#fff3}.Footer_footerContact__JLsNR p a{color:inherit;text-decoration:none}.Footer_footerContact__JLsNR p a:hover{text-decoration:underline}.Footer_footerColumn__Ai\+BU{display:flex;flex-direction:column;gap:12px}.Footer_footerColumnTitle__6J961{border-bottom:2px solid #ff6b354d;color:#fff;font-size:.95rem;font-weight:700;margin:0;padding-bottom:6px;width:-webkit-fit-content;width:fit-content}.Footer_footerLinks__FlY-p{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.Footer_footerLinks__FlY-p li{margin:0}.Footer_footerLinks__FlY-p a{color:#ffffffbf;display:inline-block;font-size:.85rem;line-height:1.4;position:relative;text-decoration:none;transition:all .3s ease}.Footer_footerLinks__FlY-p a:before{color:#ff6b35;content:"›";margin-right:8px;opacity:0;transform:translateX(-8px);transition:all .3s ease}.Footer_footerLinks__FlY-p a:hover{color:#fff;transform:translateX(4px)}.Footer_footerLinks__FlY-p a:hover:before{opacity:1;transform:translateX(0)}.Footer_footerBottom__dCKvu{align-items:center;border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,32px);justify-content:space-between;padding-top:clamp(20px,2.5vw,28px)}.Footer_footerQrCodes__1XJsf{display:flex;gap:clamp(16px,2.5vw,24px)}.Footer_qrCodeItem__HNuaw{align-items:center;color:#fffc;display:flex;flex-direction:column;font-size:.8rem;gap:8px}.Footer_qrPlaceholder__yc2eE{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.Footer_qrCodeItem__HNuaw:hover .Footer_qrPlaceholder__yc2eE{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.Footer_footerCopyright__nQLsb{color:#fff9;display:flex;flex-direction:column;font-size:.8rem;gap:4px;text-align:right}.Footer_footerCopyright__nQLsb p{margin:0}@media (max-width:768px){.Footer_footerBottom__dCKvu{align-items:center;flex-direction:column;text-align:center}.Footer_footerCopyright__nQLsb{text-align:center}.Footer_footerQrCodes__1XJsf{justify-content:center;width:100%}}@media (max-width:480px){.Footer_footerQrCodes__1XJsf{align-items:center;flex-direction:column}}.features-section{background:linear-gradient(180deg,#fff,#f8fafb);padding-block:clamp(80px,10vw,120px);position:relative}.features-section .container{max-width:1320px}.section-header{margin-bottom:clamp(50px,8vw,80px)}.section-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.section-title{font-size:clamp(2.2rem,5vw,3rem)}.section-description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.features-grid{grid-gap:clamp(24px,3vw,32px);gap:clamp(24px,3vw,32px);grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.feature-card{background:#fff;border:1px solid #2563eb14;border-radius:24px;box-shadow:0 4px 24px #0000000f;overflow:hidden;padding:clamp(28px,4vw,40px);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#2563eb33;box-shadow:0 20px 60px #0000001f;transform:translateY(-8px)}.feature-card.large{background:linear-gradient(135deg,#fff,#f0f9fa);cursor:pointer;display:flex;flex-direction:column;gap:clamp(20px,3vw,28px);grid-row:span 2}.feature-card.large:hover{transform:translateY(-12px) scale(1.01)}.feature-card.small{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px)}.card-decoration{height:150px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:150px}.deco-circle{background:linear-gradient(135deg,#ff6b35,#ffd93d);border-radius:50%;opacity:.08;position:absolute}.deco-circle:first-child{height:100px;right:0;top:0;width:100px}.deco-circle:nth-child(2){height:60px;right:40px;top:40px;width:60px}.card-icon{align-items:center;border-radius:16px;display:flex;justify-content:center;padding:16px;width:-webkit-fit-content;width:fit-content}.card-icon.primary{background:linear-gradient(135deg,#ff6b351a,#ff8c421a)}.card-icon.secondary{background:linear-gradient(135deg,#2563eb1a,#1d4ed81a)}.card-icon.accent{background:linear-gradient(135deg,#ff6b351a,#ffd93d1a)}.card-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(12px,2vw,16px)}.card-badge{background:#2563eb1a;border-radius:6px;color:#2563eb;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.card-title{color:#0a1628;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;line-height:1.3}.card-description{color:#475569;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.6}.card-stats{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;gap:20px;padding:20px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:2rem}.stat-label{color:#64748b;font-size:.85rem}.stat-divider{background:#e2e8f0;height:40px;width:1px}.card-features{display:flex;flex-direction:column;gap:10px}.mini-feature{align-items:center;color:#334155;display:flex;font-size:.95rem;gap:8px}.card-cta{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:14px 28px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.card-cta:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateX(4px)}.highlight-stat{align-items:center;background:#06b6d414;border-radius:10px;color:#334155;display:flex;font-size:.95rem;gap:8px;margin-top:auto;padding:12px 16px}.highlight-stat strong{color:#06b6d4;font-weight:700}.standards-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.standard-badge{background:#ff6b351a;border:1px solid #ff6b3533;border-radius:6px;color:#ff6b35;font-size:.85rem;font-weight:600;padding:6px 12px}.stats-bar{grid-gap:clamp(20px,3vw,32px);background:linear-gradient(135deg,#fff,#eef4ff 65%,#e2f3ff);border:1px solid #2563eb26;border-radius:20px;box-shadow:0 18px 45px #002f6514;display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:repeat(3,1fr);overflow:hidden;padding:clamp(28px,4vw,40px);position:relative}.stats-bar:before{background:radial-gradient(circle at top right,#2563eb1a,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.stat-block{align-items:center;display:flex;gap:16px;padding:12px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{color:#0a1628;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.stats-bar .stat-label{color:#0f172a;font-size:.95rem;font-weight:600;opacity:.9}@media (max-width:1024px){.features-grid{grid-template-columns:1fr}.feature-card.large{grid-row:span 1}.card-stats{align-items:stretch;flex-direction:column}.stat-divider{height:1px;width:100%}.stats-bar{gap:16px;grid-template-columns:1fr}.stat-block{justify-content:center;text-align:center}}@media (max-width:640px){.section-badge,.section-description,.section-header{text-align:left}.card-stats{padding:16px}.card-cta{width:100%}}.system-features-section{background:linear-gradient(180deg,#fff,#f0f9fa);padding-block:clamp(80px,10vw,120px);position:relative}.system-features-section .container{max-width:1320px}.features-grid{grid-gap:clamp(20px,3vw,28px);display:grid;gap:clamp(20px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:clamp(60px,8vw,80px)}.feature-item{background:#fff;border:1px solid #2563eb14;border-radius:20px;overflow:hidden;padding:clamp(28px,4vw,36px);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-item:before{background:linear-gradient(90deg,#ff6b35,#ffd93d);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-item:hover{border-color:#2563eb26;box-shadow:0 20px 60px #0000001a;transform:translateY(-8px)}.feature-item:hover:before{transform:scaleX(1)}.feature-item[data-index="1"]:before,.feature-item[data-index="3"]:before{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.feature-icon{background:linear-gradient(135deg,#2563eb14,#1d4ed814);border-radius:14px;margin-bottom:20px;padding:14px;transition:transform .3s ease;width:-webkit-fit-content;width:fit-content}.feature-item:hover .feature-icon{transform:scale(1.1)}.feature-content{display:flex;flex-direction:column;gap:12px}.feature-title{color:#0a1628;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;line-height:1.3}.feature-description{color:#64748b;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.6}.feature-benefits{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;padding:0}.feature-benefits li{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:8px}.feature-number{color:#2563eb0d;font-size:3rem;font-weight:800;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s ease}.feature-item:hover .feature-number{color:#ff6b351a;transform:scale(1.1)}.stats-footer{grid-gap:clamp(20px,3vw,32px);background:linear-gradient(135deg,#0a1628,#1b3a52);border-radius:24px;box-shadow:0 20px 60px #0a162833;display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:repeat(3,1fr);padding:clamp(32px,4vw,48px)}.stat-card{border-right:1px solid #ffffff1a;padding:20px;text-align:center}.stat-card:last-child{border-right:none}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ffd93d);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1;margin-bottom:8px}.stat-label{color:#fffc;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:500}@media (max-width:768px){.features-grid,.stats-footer{grid-template-columns:1fr}.stats-footer{gap:16px}.stat-card{border-bottom:1px solid #ffffff1a;border-right:none;padding:16px}.stat-card:last-child{border-bottom:none}.feature-number{font-size:2.5rem;right:16px;top:16px}}.workflow-section{background:linear-gradient(180deg,#f0f9fa,#fff);overflow:hidden;padding-block:clamp(80px,10vw,120px);position:relative}.workflow-section .container{max-width:1360px}.section-header{margin-bottom:clamp(60px,8vw,80px)}.section-badge{background:linear-gradient(135deg,#ff6b35,#ffd93d);border-radius:100px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 20px}.section-description{margin:0 auto;max-width:600px}.workflow-steps{grid-gap:clamp(32px,4vw,48px);display:grid;gap:clamp(32px,4vw,48px);grid-template-columns:repeat(4,1fr);margin-bottom:clamp(60px,8vw,80px)}.workflow-step,.workflow-steps{position:relative}.step-connector{height:20px;left:100%;pointer-events:none;position:absolute;top:80px;width:clamp(32px,4vw,48px);z-index:1}.step-connector svg{height:100%;width:100%}.step-card{background:#fff;border:1px solid #2563eb14;border-radius:20px;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);height:100%;padding:clamp(28px,4vw,36px);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card:hover{border-color:#2563eb26;box-shadow:0 30px 70px #0000001f;transform:translateY(-12px)}.step-icon{background:linear-gradient(135deg,#2563eb14,#1d4ed814);border-radius:16px;padding:16px;position:relative;transition:transform .3s ease;width:-webkit-fit-content;width:fit-content}.step-card:hover .step-icon{transform:scale(1.1) rotate(5deg)}.icon-bg{background:linear-gradient(135deg,#ff6b351a,#ffd93d1a);border-radius:20px;inset:-8px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.step-card:hover .icon-bg{opacity:1}.step-badge{align-items:center;background:#2563eb0d;border-radius:10px;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px}.step-number{color:#2563eb;font-size:1rem;font-weight:800}.step-time{color:#ff6b35;font-weight:600}.step-title{color:#0a1628;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;line-height:1.3}.step-description{color:#64748b;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.6}.step-details{display:flex;flex-direction:column;gap:8px;list-style:none;margin:auto 0 0;padding:0}.step-details li{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:8px}.detail-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.detail-dot,.workflow-cta{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.workflow-cta{align-items:center;border-radius:24px;box-shadow:0 20px 60px #2563eb40;display:flex;gap:clamp(24px,4vw,40px);justify-content:space-between;overflow:hidden;padding:clamp(32px,5vw,48px);position:relative}.workflow-cta:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-50%;top:-50%;width:400px}.cta-content h3{color:#fff;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin-bottom:8px}.cta-content p{color:#ffffffd9;font-size:clamp(.95rem,1.8vw,1.1rem)}.cta-button{background:#fff;border:none;border-radius:12px;box-shadow:0 10px 30px #0000001a;color:#2563eb;cursor:pointer;font-size:1.05rem;font-weight:700;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.cta-button:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-3px)}@media (max-width:1200px){.workflow-steps{grid-template-columns:repeat(2,1fr)}.step-connector{display:none}}@media (max-width:768px){.workflow-steps{grid-template-columns:1fr}.workflow-cta{flex-direction:column;text-align:center}.cta-button{width:100%}}.knowledge{background:linear-gradient(180deg,#ffffffd1,#ebf5f8c7)}.knowledge-grid{grid-gap:clamp(20px,3vw,28px);display:grid;gap:clamp(20px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:clamp(30px,4vw,44px)}.knowledge-card{grid-gap:16px;background:var(--color-surface);border:1px solid #2563eb29;border-radius:var(--radius-medium);box-shadow:0 16px 30px #102a4314;display:grid;gap:16px;padding:clamp(24px,3vw,32px)}.knowledge-icon{background:#2563eb1f;border:1px solid #2563eb29;border-radius:16px;display:grid;height:48px;place-items:center;width:48px}.knowledge-title{color:var(--color-text-strong);font-size:1.2rem;font-weight:600}.knowledge-description{color:var(--color-text-medium);font-size:.96rem;line-height:1.7}.more-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:var(--radius-pill);box-shadow:0 18px 32px #2563eb38;color:#fff;font-weight:600;justify-self:start;padding:12px 26px;transition:transform .25s ease,box-shadow .25s ease}.more-btn:hover{box-shadow:0 24px 40px #2563eb42;transform:translateY(-2px)}.news-section{background:linear-gradient(180deg,#fff,#f8fafb);padding-block:clamp(80px,10vw,120px);position:relative}.news-section .container{max-width:1320px}.section-header{margin-bottom:clamp(50px,8vw,70px);text-align:center}.section-title{color:#0a1628;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:800;letter-spacing:-.02em}.section-description{color:#64748b;font-size:clamp(1rem,2vw,1.15rem)}.news-container{grid-gap:clamp(28px,4vw,40px);display:grid;gap:clamp(28px,4vw,40px);grid-template-columns:1.2fr .8fr}.column-header{align-items:center;display:flex;gap:12px;margin-bottom:clamp(24px,3vw,32px)}.column-title{color:#0a1628;font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700}.case-count{background:#2563eb1a;border-radius:100px;color:#2563eb;font-size:.85rem;font-weight:600;margin-left:auto;padding:6px 14px}.news-list{flex-direction:column;margin-bottom:clamp(24px,3vw,32px)}.news-item,.news-list{display:flex;gap:clamp(16px,2vw,20px)}.news-item{align-items:flex-start;animation:fadeInUp .6s ease-out both;background:#fff;border:1px solid #2563eb14;border-radius:16px;padding:clamp(20px,3vw,24px);position:relative;transition:all .3s ease}.news-item:hover{border-color:#2563eb26;box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.news-badge{border-radius:8px;flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 14px;white-space:nowrap}.news-badge.hot{background:linear-gradient(135deg,#ff6b351a,#ff8c421a);border:1px solid #ff6b3533;color:#ff6b35}.news-badge.active{background:linear-gradient(135deg,#2563eb1a,#1d4ed81a);border:1px solid #2563eb33;color:#2563eb}.news-badge.new{background:linear-gradient(135deg,#06b6d41a,#06b6d426);border:1px solid #06b6d433;color:#06b6d4}.news-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.news-title{color:#0a1628;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:600;line-height:1.4;transition:color .3s ease}.news-item:hover .news-title{color:#2563eb}.news-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.6;overflow:hidden}.news-meta{color:#94a3b8;font-size:.85rem;gap:16px;margin-top:4px}.news-date,.news-meta{align-items:center;display:flex}.news-date{gap:4px}.news-read-time{color:#94a3b8}.news-arrow{align-items:center;background:#2563eb0d;border:none;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.news-item:hover .news-arrow{background:#2563eb1a;transform:translateX(4px)}.case-list{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);margin-bottom:clamp(24px,3vw,32px)}.case-item{align-items:center;animation:fadeInRight .6s ease-out both;background:#fff;border:1px solid #2563eb14;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:clamp(16px,2vw,20px);transition:all .3s ease}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.case-item:hover{border-color:#2563eb26;box-shadow:0 8px 24px #00000014;transform:translateX(-4px)}.case-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.case-name{color:#0a1628;font-size:clamp(.95rem,1.6vw,1.05rem);font-weight:600;line-height:1.4}.case-footer{align-items:center;display:flex;gap:10px}.case-category{background:#2563eb14;border-radius:6px;color:#2563eb;font-size:.75rem;font-weight:600;padding:4px 10px}.case-count-badge{color:#94a3b8;font-size:.8rem}.case-arrow{align-items:center;background:#2563eb0d;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.case-item:hover .case-arrow{background:#2563eb1a;transform:translateX(4px)}.view-more-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #2563eb33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s ease;width:100%}.view-more-btn:hover{box-shadow:0 8px 24px #2563eb4d;transform:translateY(-2px)}.view-more-btn.secondary{background:#fff;border:2px solid #2563eb;box-shadow:none;color:#2563eb}.view-more-btn.secondary:hover{background:#2563eb0d;box-shadow:0 4px 16px #2563eb1a}@media (max-width:1024px){.news-container{grid-template-columns:1fr}}@media (max-width:768px){.news-item{align-items:flex-start;flex-direction:column}.news-arrow{align-self:flex-end}.column-header{flex-wrap:wrap}}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a162899;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1100;z-index:var(--z-index-modal,1100)}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003,0 0 0 1px #2563eb1a;max-height:90vh;overflow-y:auto;padding:clamp(32px,4vw,48px);position:relative;width:min(460px,100%)}.modal-close{align-items:center;background:#64748b1a;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px;z-index:1}.modal-close:hover{background:#64748b26;transform:rotate(90deg)}.modal-title{color:#0a1628;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px;text-align:center}.modal-subtitle{color:#64748b;font-size:.95rem;margin-bottom:clamp(28px,4vw,36px);text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.input-wrapper{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;display:flex;gap:12px;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 4px 12px #2563eb26}.input-icon{align-items:center;color:#64748b;display:flex;justify-content:center;transition:color .3s ease}.input-wrapper:focus-within .input-icon{color:#2563eb}.form-input{background:none;border:none;color:#0a1628;flex:1 1;font-size:1rem;font-weight:500;outline:none}.form-input::placeholder{color:#94a3b8;font-weight:400}.form-actions{justify-content:flex-end;margin-top:-8px}.forgot-password{color:#2563eb;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#06b6d4;text-decoration:underline}.btn-login{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 4px 16px #2563eb4d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-login:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.btn-login:hover:before{opacity:1}.btn-login:hover{box-shadow:0 8px 24px #2563eb66,inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.btn-login:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.switch-form{border-top:1px solid #e2e8f0;color:#64748b;font-size:.95rem;padding-top:20px;text-align:center}.switch-form a{color:#2563eb;font-weight:600;margin-left:6px;text-decoration:none;transition:color .3s ease}.switch-form a:hover{color:#06b6d4;text-decoration:underline}.divider{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:16px;margin:24px 0}.divider:after,.divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.social-login{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.social-btn:hover{background:#2563eb0d;border-color:#2563eb;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}@media (max-width:480px){.modal-content{padding:clamp(24px,6vw,32px)}.modal-title{font-size:1.6rem}.social-login{grid-template-columns:1fr}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#2563eb80}.register-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003,0 0 0 1px #2563eb1a;display:flex;flex-direction:column;max-height:90vh;max-width:1120px;overflow:hidden;padding:clamp(32px,4vw,48px);width:min(95%,1120px)}.register-container{grid-gap:clamp(32px,4vw,48px);display:grid;flex:1 1;gap:clamp(32px,4vw,48px);min-height:0;overflow:hidden}@media (min-width:1024px){.register-container{grid-template-columns:340px minmax(0,1fr)}}.benefits-card{background:linear-gradient(135deg,#f0f9fa,#e6f7f9);border:1px solid #2563eb26;border-radius:20px;box-shadow:0 8px 24px #2563eb1a;display:flex;flex-direction:column;gap:20px;max-height:100%;overflow-y:auto;padding:clamp(24px,3vw,32px);position:relative}.benefits-card:before{background:radial-gradient(circle,#06b6d426 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200px}.benefits-title{color:#0a1628;font-size:clamp(1.3rem,2.5vw,1.5rem);font-weight:700;margin-bottom:8px;text-align:center}.benefits-subtitle{color:#64748b;font-size:.9rem;margin-bottom:12px;text-align:center}.type-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.type-tab{background:#fff;border:2px solid #2563eb33;border-radius:12px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-tab:hover{border-color:#2563eb66;transform:translateY(-2px)}.type-tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#0000;box-shadow:0 4px 16px #2563eb4d;color:#fff}.benefits-list{display:flex;flex-direction:column;gap:12px}.benefit-item{align-items:center;background:#fff;border:1px solid #2563eb1a;border-radius:14px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.benefit-item:hover{box-shadow:0 4px 12px #2563eb1a;transform:translateX(4px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#2563eb1a,#1d4ed81a);border-radius:10px;color:#2563eb;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.benefit-text{color:#334155;flex:1 1;font-size:.9rem;font-weight:500}.benefit-badge{background:#ff6b351a;border-radius:6px;color:#ff6b35;font-size:.75rem;font-weight:600;padding:4px 10px}.benefit-item.unavailable{opacity:.5}.enterprise-note{background:linear-gradient(135deg,#ff6b351a,#ff8c421a);border:1px solid #ff6b3533;border-radius:12px;padding:16px;text-align:center}.enterprise-note strong{color:#ff6b35;display:block;font-size:.95rem;margin-bottom:6px}.enterprise-note p{color:#64748b;font-size:.85rem;margin:0}.register-form-container{display:flex;flex-direction:column;gap:24px;max-height:100%;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#2563eb4d #0000;scrollbar-width:thin}.register-form-container::-webkit-scrollbar{width:8px}.register-form-container::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.register-form-container::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.register-form-container::-webkit-scrollbar-thumb:hover{background:#2563eb80}.register-form-container::-webkit-scrollbar-thumb:active{background:#2563ebb3}.form-header{margin-bottom:8px;text-align:center}.form-title{color:#0a1628;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.form-subtitle{color:#64748b;font-size:.95rem}.form-type-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:8px}.form-type-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#94a3b8;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .3s ease}.form-type-tab:hover{color:#64748b}.form-type-tab.active{border-bottom-color:#2563eb;color:#2563eb}.register-form{grid-gap:20px;display:grid;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px}@media (min-width:640px){.form-row.two-columns{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#334155;font-size:.9rem;margin-left:4px}.form-label .required{color:#ff6b35;margin-left:4px}.form-input-field{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;color:#0a1628;font-size:1rem;font-weight:500;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input-field::placeholder{color:#94a3b8;font-weight:400}.form-input-field:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 4px 12px #2563eb26}.verify-code-group{align-items:stretch;display:flex;gap:12px}.verify-code-group .form-input-field{flex:1 1}.btn-get-code{background:#fff;border:2px solid #2563eb;border-radius:12px;color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.btn-get-code:hover:not(:disabled){background:#2563eb0d;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.btn-get-code:disabled{border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.5}.upload-area{display:flex;flex-direction:column;gap:12px}.upload-button{align-items:center;background:#2563eb0d;border:2px dashed #2563eb4d;border-radius:12px;color:#2563eb;cursor:pointer;display:inline-flex;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.upload-button:hover{background:#2563eb1a;border-color:#2563eb;transform:translateY(-2px)}.upload-input{width:100%}.upload-hint{color:#64748b;font-size:.85rem;line-height:1.5;padding-left:4px}.form-error{animation:shake .4s ease-in-out;background:linear-gradient(135deg,#ef44441a,#dc262614);border:1px solid #ef44444d;border-radius:12px;color:#dc2626}.form-error,.form-success{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px}.form-success{background:linear-gradient(135deg,#06b6d41a,#2563eb14);border:1px solid #06b6d44d;border-radius:12px;color:#2563eb}.form-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding-top:12px}.btn-register{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 4px 16px #2563eb4d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-register:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.btn-register:hover:not(:disabled):before{opacity:1}.btn-register:hover:not(:disabled){box-shadow:0 8px 24px #2563eb66,inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-register:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.switch-to-login{color:#64748b;font-size:.95rem}.switch-to-login a{color:#2563eb;font-weight:600;margin-left:6px;text-decoration:none;transition:color .3s ease}.switch-to-login a:hover{color:#06b6d4;text-decoration:underline}.benefits-card::-webkit-scrollbar{width:6px}.benefits-card::-webkit-scrollbar-track{background:#2563eb0d;border-radius:3px}.benefits-card::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:3px}.benefits-card::-webkit-scrollbar-thumb:hover{background:#2563eb80}@media (max-width:1024px){.register-container{grid-template-columns:1fr;overflow-y:auto}.benefits-card{max-height:none;order:2;overflow-y:visible}.register-form-container{max-height:none;order:1;overflow-y:visible}}@media (max-width:640px){.register-modal{padding:clamp(20px,5vw,28px)}.form-type-tabs{border-bottom:none;flex-direction:column;gap:8px}.form-type-tab{border:2px solid #e2e8f0;border-radius:12px}.form-type-tab.active{background:linear-gradient(135deg,#2563eb1a,#1d4ed81a);border-color:#2563eb}.form-actions{align-items:stretch;flex-direction:column-reverse}.btn-register{width:100%}.switch-to-login{text-align:center}}.template-selector-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.template-selector-modal{animation:slideUp var(--transition-normal) ease-out;background:var(--color-bg-base);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.template-selector-close{align-items:center;background:var(--color-bg-subtle);border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-fast);width:32px;z-index:1}.template-selector-close:hover{background:var(--color-border-hover);transform:rotate(90deg)}.template-selector-header{border-bottom:1px solid var(--color-border-light);padding:32px 32px 24px}.template-selector-title{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.template-selector-subtitle{color:#475569;font-size:var(--font-size-sm);font-weight:500;line-height:1.5;margin:0}.template-selector-content{flex:1 1;overflow-y:auto;padding:24px 32px}.template-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.template-card{background:var(--color-bg-base);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.template-card:hover{border-color:var(--color-primary);box-shadow:0 10px 20px -5px #3b82f64d;transform:translateY(-2px)}.template-card.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 10px 15px -3px #3b82f666,0 4px 6px -4px #3b82f633}.template-card.featured,.template-card.featured.selected{border-color:var(--color-success)}.template-card.featured.selected{background:var(--color-success-light)}.template-card-checkbox{align-items:center;background:var(--color-primary);border-radius:50%;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:opacity var(--transition-fast);width:24px}.template-card.selected .template-card-checkbox{opacity:1}.template-card-icon{align-items:center;border-radius:var(--border-radius-md);display:flex;height:64px;justify-content:center;margin-bottom:var(--spacing-xs);width:64px}.template-card-content{flex:1 1}.template-card-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 6px}.template-card-description{color:#475569;font-size:var(--font-size-sm);font-weight:400;line-height:1.5;margin:0}.template-card-badge{background:var(--color-success);border-radius:var(--border-radius-sm);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:600;left:12px;padding:4px 8px;position:absolute;top:12px}.template-selector-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:20px 32px}.template-selector-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:10px 24px;transition:all var(--transition-fast)}.template-selector-btn-secondary{background:var(--color-bg-subtle);border:1px solid var(--color-border);color:#475569}.template-selector-btn-secondary:hover{background:var(--color-bg-light);border-color:var(--color-border-hover);color:var(--color-text-primary)}.template-selector-btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.template-selector-btn-primary:hover:not(.disabled){background:var(--color-primary-hover)}.template-selector-btn-primary.disabled{background:var(--color-border-light);color:#64748b;cursor:not-allowed}@media (max-width:768px){.template-selector-modal{border-radius:0;max-height:100vh;max-width:100%}.template-selector-header{padding:24px 20px 16px}.template-selector-title{font-size:20px}.template-selector-content{padding:16px 20px}.template-grid{gap:12px;grid-template-columns:1fr}.template-selector-footer{flex-direction:column;padding:16px 20px}.template-selector-btn{width:100%}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:toast-slide-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:12px 16px;pointer-events:auto;transition:all .3s ease}.toast-leaving{animation:toast-slide-out .3s ease-out;opacity:0;transform:translateX(100%)}.toast-success{border-left:4px solid #52c41a}.toast-error{border-left:4px solid #ff4d4f}.toast-warning{border-left:4px solid #faad14}.toast-info{border-left:4px solid #1890ff}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#f6ffed;color:#52c41a}.toast-error .toast-icon{background:#fff2f0;color:#ff4d4f}.toast-warning .toast-icon{background:#fffbe6;color:#faad14}.toast-info .toast-icon{background:#e6f7ff;color:#1890ff}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.5;word-break:break-word}.toast-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.toast-close:hover{background:#f5f5f5;color:#666}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:none;min-width:auto;width:100%}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner{height:60px;position:relative;width:60px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#1890ff;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#40a9ff}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#69c0ff}.loading-message{color:#666;font-size:14px;text-align:center}.loading-inline{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px}.loading-spinner-inline{position:relative}.loading-small .loading-spinner-inline{height:24px;width:24px}.loading-small .spinner-ring{border-width:2px}.loading-medium .loading-spinner-inline{height:40px;width:40px}.loading-medium .spinner-ring{border-width:3px}.loading-large .loading-spinner-inline{height:60px;width:60px}.loading-large .spinner-ring{border-width:4px}.loading-message-inline{color:#666;font-size:14px;text-align:center}@media (max-width:768px){.loading-spinner{height:50px;width:50px}.loading-message{font-size:13px}}.label-creator-page{background:var(--color-bg-subtle);display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;position:relative}.creator-main{grid-gap:clamp(8px,1vw,16px);align-items:stretch;display:grid;flex:1 1;gap:clamp(8px,1vw,16px);grid-template-columns:clamp(300px,24vw,380px) 1fr clamp(320px,28vw,440px);height:0;min-height:0;overflow:hidden;padding:clamp(8px,1vw,16px)}.creator-main.left-collapsed{grid-template-columns:0 1fr clamp(320px,28vw,440px)}.creator-main.preview-hidden{grid-template-columns:clamp(300px,24vw,380px) 1fr 0}.creator-main.preview-hidden.left-collapsed{grid-template-columns:0 1fr 0}.creator-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);z-index:100}.creator-header,.creator-header-left,.creator-logo{align-items:center;display:flex}.creator-logo{gap:var(--spacing-sm)}.creator-logo-icon{color:var(--color-primary);display:flex;font-size:24px}.creator-logo-text{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;letter-spacing:-.01em}.creator-header-right{align-items:center;display:flex;gap:var(--spacing-lg)}.creator-nav-link{border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.creator-nav-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.creator-username{align-items:center;background:var(--color-bg-subtle);border-radius:999px;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:6px 12px}.creator-toolbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border-bottom:1px solid var(--color-border-light);flex-shrink:0;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.creator-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{flex:1 1 auto;gap:var(--spacing-sm);min-width:0}.toolbar-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.toolbar-input{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);max-width:min(400px,30vw);min-width:200px;padding:8px 12px;transition:all .2s ease;width:100%}.toolbar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.toolbar-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-ghost{background:#0000;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-ghost:hover{background:var(--color-bg-subtle);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-template{background:var(--color-primary-light);border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-template:hover{background:var(--color-primary-subtle);transform:translateY(-1px)}.btn-submit{background:var(--color-primary);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:8px 24px;transition:all .2s ease}.btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.btn-submit:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-submit:active:not(:disabled){background:var(--color-primary-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-close{background:#0000;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-close:hover{background:var(--color-bg-subtle);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-close:focus-visible,.btn-ghost:focus-visible,.btn-submit:focus-visible,.btn-template:focus-visible{box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.submit-feedback{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-sm);gap:8px;margin:var(--spacing-md) var(--spacing-lg) 0;padding:12px 16px}.submit-feedback.is-success{background:var(--color-success-light);border-color:var(--color-success-light);color:var(--color-success)}.submit-feedback.is-error{background:var(--color-error-light);border-color:var(--color-error-light);color:var(--color-error)}.left-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;padding:var(--spacing-md) 0 var(--spacing-xl);position:relative;scrollbar-color:#0006 #00000014;scrollbar-width:thin;transition:all .3s ease}.left-panel.collapsed{overflow:hidden;padding:var(--spacing-md) 0}.panel-group{background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;margin:0 var(--spacing-sm) var(--spacing-md);min-height:-webkit-fit-content;min-height:fit-content;overflow:hidden;transition:all .2s ease}.panel-group:hover{box-shadow:var(--shadow-md)}.panel-group:last-of-type{margin-bottom:var(--spacing-lg)}.panel-group summary{align-items:center;background:var(--color-bg-subtle);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.panel-group summary:hover{background:var(--color-primary-light);color:var(--color-primary)}.panel-group summary::marker{display:none}.panel-group summary:focus{outline:none}.panel-group summary:after{border-bottom:2px solid;border-right:2px solid;content:"";height:8px;opacity:.6;transform:rotate(45deg);transition:transform .2s ease;width:8px}.panel-group[open] summary:after{transform:rotate(225deg)}.panel-group>.add-content-section,.panel-group>.content-list-section,.panel-group>.settings-section{border-top:1px solid var(--color-border-light);margin-top:0}.panel-group>.add-content-section,.panel-group>.settings-section{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.content-empty{background:var(--color-bg-subtle);border:1px dashed var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0 var(--spacing-sm) var(--spacing-sm);padding:var(--spacing-sm);text-align:center}.panel-toggle-btn{align-items:center;background:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;position:absolute;right:-15px;top:10px;transition:all .3s ease;width:30px;z-index:10}.panel-toggle-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.left-panel.collapsed .panel-toggle-btn{right:10px;top:50%;transform:translateY(-50%)}.content-list-section::-webkit-scrollbar,.left-panel::-webkit-scrollbar{width:10px!important}.content-list-section::-webkit-scrollbar-track,.left-panel::-webkit-scrollbar-track{background:#00000014!important;border-radius:5px;margin:4px 0}.content-list-section::-webkit-scrollbar-thumb,.left-panel::-webkit-scrollbar-thumb{background:#0006!important;border:2px solid #fffc;border-radius:5px;min-height:40px}.content-list-section::-webkit-scrollbar-thumb:hover,.left-panel::-webkit-scrollbar-thumb:hover{background:#0009!important}.settings-section{grid-gap:var(--spacing-md);display:grid;flex-shrink:0;gap:var(--spacing-md)}.setting-item{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0}.setting-item--full{grid-column:1/-1}.setting-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.setting-item--compact .setting-label{margin-bottom:var(--spacing-xs)}.setting-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.info-icon{align-items:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-tertiary);cursor:help;display:inline-flex;font-size:14px;font-style:normal;height:16px;justify-content:center;transition:all .2s ease;width:16px}.info-icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.background-upload{display:flex;justify-content:flex-start;margin-top:4px}.bg-upload-box{align-items:center;background:#f0f7ff;border:2px dashed var(--primary-color);border-radius:clamp(8px,1vw,12px);cursor:pointer;display:flex;flex-direction:column;height:clamp(100px,12vw,140px);justify-content:center;transition:all .3s;width:clamp(100px,12vw,140px)}.bg-upload-box:hover{background:#e3f2fd;border-color:var(--primary-dark)}.upload-icon{font-size:28px;margin-bottom:6px}.upload-icon,.upload-text{color:var(--primary-color)}.upload-text{font-size:11px}.bg-preview{border-radius:clamp(8px,1vw,12px);height:clamp(100px,12vw,140px);overflow:hidden;position:relative;width:clamp(100px,12vw,140px)}.bg-preview img{height:100%;object-fit:cover;width:100%}.bg-actions{bottom:8px;display:flex;gap:6px;justify-content:center;left:8px;position:absolute;right:8px}.bg-btn{background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .3s}.bg-btn:hover{background:#000c}.color-picker{align-items:center;display:flex;gap:10px}.color-input{border:1px solid #ddd;border-radius:clamp(6px,.8vw,10px);cursor:pointer;height:clamp(32px,4vw,40px);padding:clamp(2px,.3vw,4px);width:clamp(44px,5vw,56px)}.content-list-section{display:block!important;flex-shrink:0;max-height:clamp(200px,25vh,300px)!important;min-height:100px;overflow-x:hidden!important;overflow-y:scroll!important;padding:var(--spacing-md) 0!important;position:relative}.content-item{align-items:center;background:var(--color-bg-subtle);border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:grab;display:flex;gap:var(--spacing-xs);margin:0 var(--spacing-sm) 8px;min-height:40px;padding:8px var(--spacing-sm);transition:all .2s ease}.content-item:active{cursor:grabbing}.content-item:hover{background:var(--color-primary-light);border-color:var(--color-primary-subtle);box-shadow:0 2px 4px #0000000d}.content-item:first-child{margin-top:0}.content-item.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.content-item.dragging{cursor:grabbing;opacity:.5}.content-item.drag-overlay{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 4px 12px #00000026;cursor:grabbing;opacity:1;transform:rotate(2deg)}.content-icon{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:18px;justify-content:center;width:20px}.content-item.selected .content-icon{color:var(--color-primary)}.content-name{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-item.selected .content-name{color:var(--color-primary-dark)}.style-flag{background:var(--color-primary-light);border:1px solid var(--color-primary-subtle);border-radius:4px;color:var(--color-primary);font-size:11px;font-weight:500;line-height:1.2;margin-left:var(--spacing-sm);padding:2px 6px}.content-delete{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:15px;justify-content:center;opacity:.6;padding:4px;transition:all .2s ease}.content-delete:hover{background:var(--color-error-light);color:var(--color-error);opacity:1}.add-content-section{flex-shrink:0;overflow:visible}.template-section{background:var(--color-warning-light)}.add-content-header{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.template-section .add-content-header{color:var(--color-warning-active)}.add-text{flex:1 1}.content-types{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,75px),1fr))}.type-btn{align-items:center;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:65px;padding:var(--spacing-sm) var(--spacing-xs);transition:all .2s ease}.type-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.type-btn .type-name{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500}.type-btn:hover .type-name{color:var(--color-primary)}.template-btn{background:#fffbf0;border-color:var(--color-warning-hover)}.template-btn:hover{background:var(--color-warning-light);border-color:var(--color-warning-active);box-shadow:var(--shadow-sm)}.template-btn:hover .type-name{color:var(--color-warning-active)}.type-icon{color:var(--color-text-secondary);font-size:22px;transition:all .2s ease}.type-btn:hover .type-icon{color:var(--color-primary)}.template-btn .type-icon{color:var(--color-warning)}.template-btn:hover .type-icon{color:var(--color-warning-active)}.left-panel .toolbar-input{box-sizing:border-box;max-width:100%!important;min-width:0!important;width:100%!important}.panel-group .toolbar-input{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.right-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) clamp(20px,3vw,48px);width:100%}.right-panel>div{margin:0 auto;max-width:800px;width:100%}.right-panel::-webkit-scrollbar{width:6px}.right-panel::-webkit-scrollbar-track{background:#0000}.right-panel::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}.right-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.preview-panel{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;isolation:isolate;margin-left:auto;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md);position:relative}.preview-panel .label-view-container,.preview-panel .label-view-content,.preview-panel .preview-canvas-wrapper,.preview-panel .preview-container{height:auto!important;max-height:none!important;overflow:visible!important}.preview-panel::-webkit-scrollbar{width:6px}.preview-panel::-webkit-scrollbar-track{background:#0000}.preview-panel::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}.preview-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.preview-container{flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;overflow:visible}.preview-container,.preview-header{align-items:center;display:flex;width:100%}.preview-header{flex-shrink:0;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-sm)}.preview-hide-btn{background:var(--color-primary-light);border:1px solid var(--color-primary-subtle);border-radius:999px;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);padding:4px 10px;transition:all .2s ease}.preview-hide-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.preview-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.preview-canvas-wrapper{display:flex;flex:1 1;justify-content:center;min-height:0;overflow:visible;width:100%}.preview-canvas-wrapper .label-view-container{background:#0000;height:auto;min-height:auto;overflow:visible;padding:0}.preview-canvas-wrapper .label-view-content{max-height:none;overflow:visible}.preview-content::-webkit-scrollbar{width:6px}.preview-content::-webkit-scrollbar-track{background:#0000}.preview-content::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}.preview-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.preview-item{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .2s ease}.preview-item:has(.preview-images){padding:var(--spacing-sm)}.preview-item.active{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:scale(1.01)}.preview-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500}.preview-text-content{word-wrap:break-word;border-radius:6px;line-height:1.6;min-height:80px;padding:12px;white-space:pre-wrap;width:100%}.preview-text-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:13px;font-weight:500;justify-content:center;min-height:60px;width:100%}.preview-text-title{word-wrap:break-word;font-size:14px;font-weight:700;margin-bottom:8px;white-space:pre-wrap}.preview-text-title p{margin:0;white-space:pre-wrap}.preview-text-title p span,.preview-text-title span{white-space:pre-wrap}.preview-text-title h1,.preview-text-title h2,.preview-text-title h3,.preview-text-title h4,.preview-text-title h5,.preview-text-title h6{line-height:1.4;margin:0}.preview-text-title ol,.preview-text-title ul{margin:0;padding-left:20px}.preview-text-title strong{font-weight:700}.preview-text-title em{font-style:italic}.preview-text-title u{text-decoration:underline}.preview-text-title s{text-decoration:line-through}.preview-text-body{word-wrap:break-word;font-size:12px;white-space:pre-wrap}.preview-text-body p{margin:0 0 8px;white-space:pre-wrap}.preview-text-body p span,.preview-text-body span{white-space:pre-wrap}.preview-text-body p:last-child{margin-bottom:0}.preview-text-body *,.preview-text-title *{white-space:pre-wrap!important}.preview-text-body [style*=background-color],.preview-text-title [style*=background-color]{display:inline-block;min-height:1em}.preview-text-body h1,.preview-text-body h2,.preview-text-body h3,.preview-text-body h4,.preview-text-body h5,.preview-text-body h6{line-height:1.4;margin:0 0 8px}.preview-text-body ol,.preview-text-body ul{margin:0 0 8px;padding-left:20px}.preview-text-body strong{font-weight:700}.preview-text-body em{font-style:italic}.preview-text-body u{text-decoration:underline}.preview-text-body s{text-decoration:line-through}.preview-text-body .ql-align-center,.preview-text-title .ql-align-center{text-align:center!important}.preview-text-body .ql-align-right,.preview-text-title .ql-align-right{text-align:right!important}.preview-text-body .ql-align-justify,.preview-text-title .ql-align-justify{text-align:justify!important}.preview-text-body .ql-size-small,.preview-text-title .ql-size-small{font-size:.75em}.preview-text-body .ql-size-large,.preview-text-title .ql-size-large{font-size:1.5em}.preview-text-body .ql-size-huge,.preview-text-title .ql-size-huge{font-size:2em}.preview-text-body .ql-indent-1,.preview-text-title .ql-indent-1{padding-left:3em}.preview-text-body .ql-indent-2,.preview-text-title .ql-indent-2{padding-left:6em}.preview-text-body a,.preview-text-title a{color:var(--color-primary);text-decoration:underline}.preview-text-body img,.preview-text-title img{height:auto;max-width:100%}.preview-images{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:12px;min-height:50px;padding:0;width:100%}.preview-image-wrapper{align-items:center;display:flex;justify-content:center}.preview-image{border-radius:8px;display:block;height:auto;max-height:none;min-height:200px;object-fit:cover;width:100%}.preview-image-placeholder{align-items:center;border:2px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-tertiary);display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:120px;width:100%}.preview-image-description{word-wrap:break-word;background:var(--color-bg-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:12px;line-height:1.6;margin-top:8px;padding:8px 12px;text-align:center}.image-carousel{border-radius:8px;overflow:hidden;position:relative;width:100%}.carousel-track{display:flex;transition:transform .5s ease}.carousel-slide{flex-shrink:0}.carousel-arrow{align-items:center;background:#00000059;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:32px}.carousel-arrow:hover{background:#00000080}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:8px}.carousel-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:10px;transition:background .2s ease,transform .2s ease;width:10px}.carousel-dot.active{background:#2563eb;transform:scale(1.1)}.preview-audio,.preview-video{width:100%}.preview-audio-player,.preview-video-player{border-radius:4px;width:100%}.preview-links{display:flex;flex-direction:column;gap:6px}.preview-link-item{align-items:center;background:var(--color-primary-light);border-radius:var(--border-radius-sm);color:var(--color-primary);display:flex;font-size:12px;gap:8px;padding:6px}.preview-link-icon{font-size:14px}.preview-link-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-attachments{display:flex;flex-direction:column;gap:6px}.preview-attachment-item{align-items:center;background:var(--color-bg-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);display:flex;font-size:12px;gap:8px;padding:6px}.preview-attachment-icon{font-size:14px}.preview-attachment-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-template-title{border-bottom:1px solid #ffebcc;color:#ff8c00;font-size:11px;font-weight:700;margin-bottom:6px;padding-bottom:4px}.preview-inspection,.preview-nutrition,.preview-product-basic,.preview-related-links,.preview-usage{font-size:10px}.preview-field{line-height:1.4;margin-bottom:4px}.field-label{color:var(--color-text-secondary);font-weight:600}.field-value{word-wrap:break-word;color:var(--color-text-primary)}.preview-nutrition-table{background:#fff;border-collapse:collapse;font-size:8px;margin-top:4px;width:100%}.preview-nutrition-table td,.preview-nutrition-table th{border:1px solid var(--color-border);padding:2px 3px;text-align:left;word-break:break-word}.preview-nutrition-table th{background:var(--color-bg-subtle);color:var(--color-text-primary);font-size:9px;font-weight:600}.preview-nutrition-table td:first-child{font-weight:500}.preview-nutrition-table td:nth-child(2),.preview-nutrition-table td:nth-child(3){text-align:center}.preview-usage{border-radius:4px;padding:8px}.preview-usage-title{color:#202124;font-size:11px;font-weight:700;margin-bottom:4px}.preview-usage[style*="background-color: #1e90ff"] .preview-usage-title,.preview-usage[style*="background-color: rgb"] .preview-usage-title{color:#fff}.preview-video-indicator{align-items:center;background:#fff3;border-radius:3px;color:inherit;display:flex;font-size:10px;gap:4px;justify-content:center;margin-top:4px;padding:4px;text-align:center}.preview-inspection{border-left:3px solid;padding-left:6px}.preview-gds-traceability{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #4caf50;border-radius:8px;padding:12px}.preview-gds-content{display:flex;flex-direction:column;gap:8px;margin-top:8px}.preview-gds-traceability .preview-field{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:11px;padding:8px 10px}.preview-gds-traceability .field-label{color:#4caf50;font-weight:600;min-width:70px}.preview-gds-traceability .field-value{color:#333;font-weight:500;word-break:break-all}.gds-template{background:linear-gradient(135deg,#e8f5e9,#f1f8e9)!important;border:2px solid #4caf50!important}.gds-template:hover{background:linear-gradient(135deg,#c8e6c9,#dcedc8)!important;box-shadow:0 4px 12px #4caf5033;transform:translateY(-2px)}@media (max-width:1024px){.btn-ghost{display:none}}@media (max-width:1400px){.creator-main{grid-template-columns:280px 1fr 260px}.creator-main.left-collapsed{grid-template-columns:50px 1fr 260px}}@media (max-width:1200px){.creator-main{gap:18px;grid-template-columns:260px 1fr;padding:14px 16px}.creator-main.left-collapsed{grid-template-columns:56px 1fr}.creator-main.preview-hidden{grid-template-columns:260px 1fr}.creator-main.preview-hidden.left-collapsed{grid-template-columns:56px 1fr}.preview-panel{border-radius:14px;grid-column:1/-1;margin-left:0;max-width:none}}@media (max-width:968px){.creator-main{grid-template-columns:1fr;height:auto}.left-panel{border-bottom:1px solid var(--color-border-light);border-right:none}.toolbar-input{max-width:none;width:100%}}@media (max-width:768px){.label-creator-page{padding-bottom:60px}.creator-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.toolbar-left,.toolbar-right{justify-content:space-between}.toolbar-input{width:100%}.content-types{grid-template-columns:repeat(2,1fr)}.creator-main{grid-template-columns:1fr!important;height:calc(100vh - 180px)!important}.left-panel.mobile-hidden,.preview-panel.mobile-hidden,.right-panel.mobile-hidden{display:none!important}.left-panel.mobile-active,.preview-panel.mobile-active,.right-panel.mobile-active{display:flex!important;max-height:calc(100vh - 180px)!important;overflow-y:auto!important;width:100%!important}.left-panel.mobile-active{border-right:none}.right-panel.mobile-active{border-right:none;overflow-y:auto}.panel-toggle-btn,.preview-hide-btn{display:none}.preview-panel{align-items:center;display:flex;justify-content:center;padding:10px}.preview-phone{height:500px;margin:0 auto;max-width:320px;width:90%}.preview-content{padding:15px}.preview-item{margin-bottom:8px;padding:10px}.type-btn{padding:20px 10px}.type-icon{font-size:32px}.type-name{font-size:13px}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-top:1px solid var(--color-border-light);bottom:0;box-shadow:0 -4px 6px -1px #0000000d;display:flex;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.mobile-nav-btn{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:8px;transition:all .2s ease}.mobile-nav-btn.active{color:var(--color-primary)}.mobile-nav-icon{font-size:24px}.mobile-nav-text{font-size:12px;font-weight:500}.mobile-nav-btn.active .mobile-nav-text{font-weight:600}.form-textarea,.link-input,.table-input,.toolbar-input{font-size:16px}.content-item{padding:15px 12px}.content-icon{font-size:24px}.content-name{font-size:15px}.settings-section{padding:15px}.setting-label{font-size:14px}.bg-upload-box{height:150px;max-width:200px;width:100%}.btn-close,.btn-submit,.btn-template{font-size:15px;padding:12px 20px;width:100%}.toolbar-right{width:100%}.right-panel{padding:15px}.preview-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px 0 0;position:static;width:100%}.preview-title{font-size:16px;font-weight:600;margin-bottom:15px}.preview-text-title{font-size:12px}.preview-text-body{font-size:11px}.preview-template-title{font-size:10px}.preview-field{font-size:9px}.preview-nutrition-table{font-size:7px}.preview-nutrition-table th{font-size:8px}.creator-header{padding:8px 15px}.creator-logo-text{font-size:14px}.creator-nav-link,.creator-username{font-size:13px}}@media (max-width:480px){.preview-phone{height:450px;max-width:280px;width:95%}.mobile-nav-icon{font-size:20px}.mobile-nav-text{font-size:11px}.content-types{grid-template-columns:1fr}.type-btn{padding:15px}}


/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.text-editor-container{align-items:stretch;display:flex;flex-direction:column;gap:20px;padding:16px}.background-color-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;width:100%}.bg-color-header{margin-bottom:12px}.bg-color-title{color:#333;font-size:15px;font-weight:600}.bg-color-selector{align-items:center;display:flex;gap:12px}.color-input-large{border:2px solid #ddd;border-radius:8px;cursor:pointer;height:36px;transition:border-color .3s;width:70px}.color-input-large:hover{border-color:#4285f4}.color-value{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;font-family:monospace;font-size:13px;padding:6px 10px}.editor-section{display:flex;flex-direction:column;gap:10px;max-width:none;width:100%}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.editor-title{color:#333;font-size:16px;font-weight:600}.editor-option{align-items:center;display:flex;gap:10px}.view-code-btn-inline{align-items:center;background:#4285f4e6;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.view-code-btn-inline:hover{background:#4285f4;transform:scale(1.05)}.option-label{color:#666;font-size:14px}.color-picker-small{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;width:40px}.quill-container{border:1px solid #ddd;border-radius:6px;width:100%}.quill-container .ql-toolbar{background:#f8f9fa;border:none;border-bottom:1px solid #ddd;border-radius:6px 6px 0 0}.quill-container .ql-container{border:none;font-size:14px;min-height:180px}.quill-container .ql-editor{font-size:14px;line-height:1.6;min-height:180px;padding:14px 16px}.char-count{color:#999;padding:4px 6px;text-align:right}@media (max-width:768px){.text-editor-container{padding:15px}.editor-header{align-items:flex-start;flex-direction:column;gap:10px}.editor-title{font-size:16px}.editor-option{justify-content:flex-start;width:100%}.option-label{font-size:15px}.quill-container .ql-editor{font-size:16px;min-height:150px}}.code-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.code-modal{animation:modal-appear .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.code-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.code-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.code-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.code-modal-close:hover{background:#e0e0e0;color:#333}.code-modal-body{flex:1 1;overflow:hidden;padding:20px 24px}.code-textarea{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;height:100%;line-height:1.6;min-height:400px;outline:none;padding:16px;resize:none;width:100%}.code-textarea:focus{background:#fff;border-color:#4285f4}.code-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s ease}.btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.btn-primary{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s ease}.btn-primary:hover{background:#3367d6}.image-uploader-container{animation:fadeIn .4s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:20px}.config-section{border:1px solid #e2e8f0cc;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;margin-bottom:28px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.config-section:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.config-section:last-child{margin-bottom:0}.section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.section-title-primary{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:6px;letter-spacing:-.01em}.info-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:50%;cursor:help;display:inline-flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.info-icon-wrapper:hover{background:#e2e8f0;transform:scale(1.1)}.color-select-area-enhanced{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.color-select-area-enhanced:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.color-picker-wrapper{position:relative}.color-input-enhanced{height:0;opacity:0;position:absolute;width:0}.color-picker-label{cursor:pointer;display:block}.color-preview-box{border:3px solid #fff;border-radius:12px;box-shadow:0 2px 8px #0000001f,0 0 0 1px #00000014;cursor:pointer;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.color-picker-label:hover .color-preview-box{box-shadow:0 4px 12px #00000029,0 0 0 2px #2563eb33;transform:scale(1.05)}.color-picker-label:active .color-preview-box{transform:scale(.98)}.color-value-wrapper{align-items:center;display:flex;flex:1 1}.color-value-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 16px;transition:all .2s ease}.color-value-enhanced:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000014}.upload-area-enhanced{display:flex;justify-content:flex-start;margin-top:12px}.upload-box-enhanced{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed #cbd5e1;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.upload-box-enhanced:before{background:linear-gradient(90deg,#0000,#2563eb0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upload-box-enhanced:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#2563eb;box-shadow:0 8px 16px #2563eb1f;transform:scale(1.01)}.upload-box-enhanced:hover:before{left:100%}.upload-box-enhanced.uploading{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#2563eb;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}.upload-state-ready,.upload-state-uploading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px}.upload-icon-wrapper{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:8px;width:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-box-enhanced.uploading .upload-icon-wrapper{animation:spin 1s linear infinite,float 3s ease-in-out infinite}.upload-primary-text{color:#1e40af;font-size:16px;font-weight:600;margin-top:8px}.upload-status-text{color:#2563eb;font-size:15px;font-weight:500}.upload-hint-enhanced{color:#64748b;font-size:13px;font-weight:400;margin-top:4px;text-align:center}.upload-progress-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:300px;width:100%}.upload-progress-bar-enhanced{background:#2563eb1a;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.upload-progress-fill-enhanced{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2563eb,#1d4ed8 50%,#2563eb);background-size:200% 100%;border-radius:3px;box-shadow:0 0 8px #2563eb66;height:100%;transition:width .3s ease}.upload-progress-text{color:#64748b;font-size:12px;font-weight:500;text-align:center}.upload-error-enhanced{align-items:center;animation:slideInDown .4s ease-out,shake .5s ease-in-out .4s;background:linear-gradient(135deg,#ef44441a,#dc262614);border:1px solid #ef44444d;border-radius:10px;box-shadow:0 2px 8px #ef44441a;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:14px 16px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{flex-shrink:0;font-size:18px}.error-text{flex:1 1;font-weight:500}.image-preview-grid-enhanced{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:20px}.preview-image-item-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-image-item-enhanced:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #0000001f;transform:scale(1.02)}.preview-image-wrapper{background:#f8fafc;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding-top:100%;position:relative;width:100%}.preview-image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.preview-image-item-enhanced:hover .preview-image-wrapper img{transform:scale(1.05)}.delete-image-btn-enhanced{align-items:center;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;z-index:2}.preview-image-item-enhanced:hover .delete-image-btn-enhanced{opacity:1;transform:scale(1)}.delete-image-btn-enhanced:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.delete-image-btn-enhanced:active{transform:scale(.95)}.image-width-control-enhanced{display:flex;flex-direction:column;gap:8px;padding:4px 0}.width-label-enhanced{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.width-label-text{color:#64748b;font-size:12px;font-weight:500}.width-value-text{color:#2563eb;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:600}.width-slider-enhanced{-webkit-appearance:none;background:linear-gradient(90deg,#e2e8f0 0,#cbd5e1);border-radius:3px;cursor:pointer;height:6px;outline:none;transition:all .2s ease;width:100%}.width-slider-enhanced:hover{background:linear-gradient(90deg,#cbd5e1 0,#94a3b8)}.width-slider-enhanced::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;box-shadow:0 2px 6px #2563eb4d;cursor:pointer;height:18px;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.width-slider-enhanced::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #2563eb80;transform:scale(1.2)}.width-slider-enhanced::-moz-range-thumb{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;box-shadow:0 2px 6px #2563eb4d;cursor:pointer;height:18px;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.width-slider-enhanced::-moz-range-thumb:hover{box-shadow:0 4px 12px #2563eb80;transform:scale(1.2)}.textarea-wrapper{position:relative}.description-input-enhanced{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;line-height:1.6;min-height:100px;padding:14px 16px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.description-input-enhanced::placeholder{color:#94a3b8;font-weight:400}.description-input-enhanced:focus{background:#fafbfc;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.textarea-footer{display:flex;justify-content:flex-end;margin-top:8px;padding:0 4px}.char-count{color:#94a3b8;font-size:12px;font-weight:500}.image-style-controls{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:12px}.style-control-group{display:flex;flex-direction:column;gap:8px}.style-control-label{color:#475569;font-size:13px;font-weight:600;margin-bottom:4px}.style-control-input-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:2px 12px;transition:all .2s ease}.style-control-input-wrapper:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.style-control-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;font-weight:600;outline:none;padding:8px 0}.style-control-unit{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:500}.style-control-color-wrapper{align-items:center;display:flex;gap:12px}.style-control-color-input{height:0;opacity:0;position:absolute;width:0}.style-control-color-preview{border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #0000001a,0 0 0 1px #00000014;cursor:pointer;flex-shrink:0;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.style-control-color-preview:hover{box-shadow:0 4px 12px #00000026,0 0 0 2px #2563eb33;transform:scale(1.05)}.style-control-color-preview:active{transform:scale(.98)}.carousel-config-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.carousel-config-row{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.carousel-config-row .style-control-label{margin:0;min-width:80px}.carousel-config-row .style-control-input-wrapper{flex:1 1;justify-content:flex-start}.carousel-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;flex:1 1;font-size:14px;min-width:120px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.carousel-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}@media (max-width:768px){.image-uploader-container{padding:16px}.config-section{margin-bottom:20px;padding:16px}.section-title-primary{font-size:15px}.upload-box-enhanced{min-height:180px}.upload-icon-wrapper{height:64px;width:64px}.image-preview-grid-enhanced{gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.color-select-area-enhanced{align-items:flex-start;flex-direction:column;gap:12px}.color-value-enhanced,.color-value-wrapper{width:100%}.image-style-controls{gap:16px;grid-template-columns:1fr}.description-input-enhanced{font-size:16px}}@media (max-width:480px){.upload-box-enhanced{min-height:160px}.image-preview-grid-enhanced{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-preview-box{height:48px;width:48px}.style-control-color-preview{height:40px;width:40px}}@media (prefers-color-scheme:dark){.image-uploader-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.config-section{background:#1e293b;border-color:#334155}.section-title-primary{color:#f1f5f9}.color-value-enhanced{background:#0f172a;border-color:#334155;color:#cbd5e1}.description-input-enhanced{color:#f1f5f9}.description-input-enhanced,.style-control-input-wrapper{background:#0f172a;border-color:#334155}.style-control-input{color:#f1f5f9}}.upload-error{align-items:center;animation:shake .4s ease-in-out;background:linear-gradient(135deg,#ef44441a,#dc262614);border:1px solid #ef44444d;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:6px;margin-bottom:12px;padding:10px 12px}.upload-hint{line-height:1.4;margin-top:6px}.upload-progress-bar{background:#2563eb33;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:90%}.upload-progress-fill{background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:2px;height:100%;position:relative;transition:width .3s ease}.upload-progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.uploading{background:#f0f9fa!important;border-color:#2563eb!important;cursor:not-allowed!important;opacity:.9}.audio-details,.video-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.audio-name,.video-name{color:#333;font-size:13px;font-weight:500}.audio-size,.video-size{color:#999;font-size:11px}.delete-audio-btn,.delete-video-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:6px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .3s ease}.delete-audio-btn:hover,.delete-video-btn:hover{background:linear-gradient(135deg,#ee5a6f,#ff6b6b);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.upload-error{font-size:12px;padding:8px 10px}.upload-hint{font-size:10px}.audio-details,.video-details{gap:2px}.audio-name,.video-name{font-size:12px}.audio-size,.video-size{font-size:10px}.delete-audio-btn,.delete-video-btn{font-size:11px;padding:5px 10px}}.video-uploader-container{padding:16px}.upload-area-video{display:flex;justify-content:flex-start;margin-top:16px}.upload-box-video{align-items:center;background:#f0f7ff;border:2px dashed var(--primary-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:36px 26px;transition:all .3s;width:260px}.upload-box-video:hover{background:#e3f2fd;border-color:var(--primary-dark)}.upload-icon-video{font-size:48px;margin-bottom:12px}.upload-text-video{color:var(--primary-color);font-size:14px;font-weight:500}.upload-hint{color:#999;font-size:11px}.video-preview{margin-top:16px}.video-player{border:1px solid #ddd;border-radius:8px;max-width:100%}.video-info{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:8px 10px}.video-name{color:#333;font-size:13px}.delete-video-btn{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s}.delete-video-btn:hover{background:#c00}@media (max-width:768px){.video-uploader-container{padding:15px}.upload-box-video{max-width:280px;padding:45px 25px;width:100%}.upload-icon-video{font-size:50px;margin-bottom:12px}.upload-text-video{font-size:15px}.upload-hint{font-size:11px}.video-player{max-width:100%}.video-info{align-items:flex-start;flex-direction:column;gap:10px}.video-name{font-size:13px;word-break:break-word}.delete-video-btn{font-size:14px;min-height:44px;padding:10px 15px;width:100%}}@media (max-width:480px){.upload-box-video{padding:40px 20px}}.audio-uploader-container{padding:16px}.upload-area-audio{display:flex;justify-content:flex-start;margin-top:16px}.upload-box-audio{align-items:center;background:#f0f7ff;border:2px dashed var(--primary-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 32px;transition:all .3s;width:320px}.upload-box-audio:hover{background:#e3f2fd;border-color:var(--primary-dark)}.upload-icon-audio{font-size:42px;margin-bottom:12px}.upload-text-audio{color:var(--primary-color);font-size:14px;font-weight:500;margin-bottom:8px}.audio-preview{margin-top:16px}.audio-player{max-width:100%;width:100%}.audio-info{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:8px 10px}.audio-name{color:#333;font-size:13px}.delete-audio-btn{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s}.delete-audio-btn:hover{background:#c00}@media (max-width:768px){.audio-uploader-container{padding:15px}.upload-box-audio{max-width:350px;padding:50px 30px;width:100%}.upload-icon-audio{font-size:45px;margin-bottom:12px}.upload-text-audio{font-size:15px}.audio-player{max-width:100%}.audio-info{align-items:flex-start;flex-direction:column;gap:10px}.audio-name{font-size:13px;word-break:break-word}.delete-audio-btn{font-size:14px;min-height:44px;padding:10px 15px;width:100%}}@media (max-width:480px){.upload-box-audio{padding:40px 20px}}.link-editor-container{padding:20px}.editor-title-link{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.link-table{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.table-header{grid-gap:10px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;font-size:14px;gap:10px;grid-template-columns:80px 1fr 2fr 80px;padding:12px 15px}.table-body{background:#fff}.table-row{grid-gap:10px;border-bottom:1px solid #f0f0f0;gap:10px;grid-template-columns:80px 1fr 2fr 80px 40px;padding:15px;transition:background .3s}.col-icon{align-items:center;display:flex;justify-content:center}.icon-upload-label{border:1px dashed #ddd;border-radius:6px;height:50px;transition:border-color .3s;width:50px}.icon-upload-label:hover{border-color:var(--primary-color)}.link-icon-preview{height:100%;object-fit:cover;width:100%}.icon-placeholder{color:#999;font-size:24px}.table-input{border:1px solid #ddd;border-radius:4px;padding:8px 12px;transition:border-color .3s}.table-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f41a}.table-input-small{border:1px solid #ddd;border-radius:4px;padding:8px;text-align:center;width:60px}.table-input-small:focus{border-color:var(--primary-color)}.delete-row-btn{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .3s;width:28px}.delete-row-btn:hover{background:#c00}.table-footer{background:#fff;padding:15px}.add-link-btn{background:var(--primary-color);border:none;border-radius:4px;color:#fff;padding:8px 25px;transition:background .3s}.add-link-btn:hover{background:var(--primary-dark)}@media (max-width:768px){.link-editor-container{padding:15px}.editor-title-link{font-size:16px;margin-bottom:15px}.table-header{display:none}.table-row{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:15px;padding:15px}.table-row:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.col-icon{justify-content:flex-start}.icon-upload-label{height:60px;width:60px}.icon-placeholder{font-size:28px}.table-input{font-size:16px;padding:10px 12px}.table-input-small{font-size:16px;padding:10px;width:80px}.delete-row-btn{align-self:flex-end;font-size:16px;height:36px;width:36px}.table-footer{padding:15px 0}.add-link-btn{font-size:15px;min-height:48px;padding:12px 25px;width:100%}}@media (max-width:480px){.icon-upload-label{height:50px;width:50px}.icon-placeholder{font-size:24px}}.attachment-editor-container{padding:20px}.attachment-table{border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;overflow:hidden}.table-header-attach{grid-gap:15px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;display:grid;font-size:14px;font-weight:600;gap:15px;grid-template-columns:200px 1fr 150px;padding:12px 15px}.table-body-attach{background:#fff}.table-row-attach{grid-gap:15px;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:200px 1fr 150px;padding:15px;transition:background .3s}.table-row-attach:hover{background:#f8f9fa}.table-row-attach:last-child{border-bottom:none}.table-input-attach{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s;width:100%}.table-input-attach:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f41a;outline:none}.upload-file-link{color:var(--primary-color);cursor:pointer;font-size:14px;text-decoration:none;transition:color .3s}.upload-file-link:hover{color:var(--primary-dark);text-decoration:underline}.file-info{align-items:center;gap:10px}.action-link{background:none;border:none;cursor:pointer;font-size:14px;padding:0;transition:color .3s}.delete-link{color:#f44}.delete-link:hover{color:#c00;text-decoration:underline}.table-footer-attach{background:#fff;padding:15px}.add-attachment-btn{background:var(--primary-color);border:none;border-radius:4px;color:#fff;padding:8px 25px;transition:background .3s}.add-attachment-btn:hover{background:var(--primary-dark)}@media (max-width:768px){.attachment-editor-container{padding:15px}.table-header-attach{display:none}.table-row-attach{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:15px;padding:15px}.table-row-attach:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.table-input-attach{font-size:16px;padding:10px 12px}.upload-file-link{align-items:center;display:inline-flex;font-size:15px;min-height:44px}.file-info{align-items:flex-start;flex-direction:column;gap:8px}.file-name{font-size:13px;word-break:break-word}.action-link{font-size:15px;min-height:44px;padding:8px}.table-footer-attach{padding:15px 0}.add-attachment-btn{font-size:15px;min-height:48px;padding:12px 25px;width:100%}}.background-editor{grid-gap:16px;display:grid;gap:16px;padding:4px}.be-title{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.be-tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.be-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;padding:6px 12px;transition:all .2s}.be-tab:hover{background:#fff9;color:#374151}.be-tab.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#2563eb;font-weight:500}.be-preview-section{grid-gap:8px;display:grid;gap:8px}.be-preview-label{color:#6b7280;font-size:12px;font-weight:500}.be-preview-box{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:inset 0 2px 4px #0000000f;height:120px;overflow:hidden;position:relative;width:100%}.be-preview-overlay{inset:0;pointer-events:none;position:absolute}.be-preview-placeholder{align-items:center;color:#9ca3af;display:flex;font-size:12px;height:100%;justify-content:center}.be-section{grid-gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:12px;padding:12px}.be-section-divider{border-top:2px solid #e5e7eb;margin-top:4px;padding-top:16px}.be-label{grid-gap:8px;display:grid;font-size:13px;gap:8px}.be-label>span{color:#374151;font-weight:500}.be-color-input-wrapper{align-items:center;display:flex;gap:8px}.be-color-input{background:none;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;height:32px;padding:0;width:48px}.be-color-input::-webkit-color-swatch-wrapper{padding:0}.be-color-input::-webkit-color-swatch{border:none;border-radius:4px}.be-color-value{background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-family:Courier New,monospace;min-width:70px;padding:4px 8px;text-align:center}.be-color-label,.be-color-value{color:#6b7280;font-size:12px}.be-gradient-controls{grid-gap:12px;display:grid;gap:12px}.be-slider-wrapper{align-items:center;display:flex;gap:12px}.be-slider-label{color:#6b7280;font-size:12px;min-width:50px}.be-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.be-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.be-slider::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.be-slider-value{color:#2563eb;font-family:Courier New,monospace;font-size:12px;font-weight:500;min-width:45px;text-align:right}.be-image-upload{grid-gap:8px;display:grid;gap:8px}.be-image-upload-btn{background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;padding:10px 16px;text-align:center;transition:all .2s}.be-image-upload-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.be-image-preview-wrapper{grid-gap:8px;display:grid;gap:8px}.be-image-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;height:120px;overflow:hidden;position:relative;width:100%}.be-image-preview img{height:100%;object-fit:contain;width:100%}.be-image-delete{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.be-image-delete:hover{background:#dc2626cc;transform:scale(1.1)}.be-image-info{color:#6b7280;font-size:11px}.be-image-url{background:#f3f4f6;border-radius:4px;display:block;font-family:Courier New,monospace;padding:6px 8px;word-break:break-all}.be-image-layout{grid-gap:12px;display:grid;gap:12px}.be-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s;width:100%}.be-select:focus,.be-select:hover{border-color:#2563eb}.be-select:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.be-overlay-controls{grid-gap:12px;display:grid;gap:12px}.divider-editor{grid-gap:16px;display:grid;gap:16px;padding:4px}.de-title{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.de-tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.de-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:12px;padding:6px 12px;transition:all .2s}.de-tab:hover{background:#fff9;color:#374151}.de-tab.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#2563eb;font-weight:500}.de-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.de-section-title{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:12px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.de-style-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.de-style-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 8px;transition:all .2s}.de-style-btn.active,.de-style-btn:hover{background:#eff6ff;border-color:#2563eb}.de-style-btn.active{box-shadow:0 0 0 3px #2563eb1a}.de-style-icon{color:#374151;font-size:20px;line-height:1}.de-style-label{color:#6b7280;font-size:11px}.de-style-btn.active .de-style-label{color:#2563eb;font-weight:500}.de-preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.de-preview-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.de-preview-box{grid-gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:12px;padding:16px}.de-preview-item{grid-gap:8px;display:grid;gap:8px}.de-preview-tag{color:#9ca3af;font-size:11px;font-weight:500}.de-preview-line{align-items:center;display:flex;gap:8px;width:100%}.de-decoration,.de-line{display:inline-block;flex-shrink:0;transition:all .2s}.de-wave{display:block;flex-shrink:0;overflow:visible}.de-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.de-label{grid-gap:8px;display:grid;font-size:13px;gap:8px}.de-label>span{color:#374151;font-weight:500}.de-color-wrapper{align-items:center;display:flex;flex:1 1;gap:8px}.de-color-input{background:none;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;flex-shrink:0;height:32px;padding:0;width:48px}.de-color-input::-webkit-color-swatch-wrapper{padding:0}.de-color-input::-webkit-color-swatch{border:none;border-radius:4px}.de-color-value{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;flex:1 1;font-family:Courier New,monospace;font-size:11px;min-width:70px;padding:4px 8px;text-align:center}.de-slider-wrapper{align-items:center;display:flex;flex:1 1;gap:10px}.de-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.de-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.de-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1)}.de-slider::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.de-slider-value{color:#2563eb;font-family:Courier New,monospace;font-size:12px;font-weight:500;min-width:50px;text-align:right}.de-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s;width:100%}.de-select:focus,.de-select:hover{border-color:#2563eb}.de-select:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.de-checkbox-group{display:flex;gap:16px}.de-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:6px}.de-checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}@media (max-width:768px){.de-style-grid{grid-template-columns:repeat(2,1fr)}.de-grid{grid-template-columns:1fr}}.product-basic-info-container{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,32px);height:100%;min-height:0;overflow-y:visible;padding:clamp(20px,2.5vw,32px) 0}.template-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(16px,2vw,24px);justify-content:space-between;padding:0 clamp(4px,.5vw,8px) clamp(4px,.5vw,8px)}.template-header-main{align-items:center;display:flex;gap:12px}.template-title{color:#1f2d3d;font-size:16px;font-weight:600;margin:0}.template-toggle{background:#2563eb1f;border:1px solid #2563eb3d;border-radius:999px;color:var(--primary-color);cursor:pointer;font-size:13px;padding:6px 14px;transition:background .2s ease,border .2s ease}.template-toggle:hover{background:#2563eb33;border-color:#2563eb52}.template-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.template-btn{background:#fff;border:1px solid var(--primary-color);border-radius:clamp(5px,.6vw,8px);color:var(--primary-color);cursor:pointer;font-size:clamp(12px,1vw,14px);padding:clamp(6px,.8vw,10px) clamp(14px,1.6vw,20px);transition:all .3s;white-space:nowrap}.template-btn:hover{background:var(--primary-color);color:#fff}.info-form{grid-gap:clamp(16px,2vw,24px);display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));max-width:100%;padding:0 clamp(4px,.5vw,8px) clamp(16px,2vw,24px)}.form-row{background:#fff;border:1px solid #2563eb24;border-radius:clamp(10px,1.2vw,14px);box-shadow:0 6px 16px #102a430f;display:flex;flex-direction:column;gap:clamp(8px,1vw,12px);min-height:auto;padding:clamp(16px,2vw,24px) clamp(18px,2.2vw,28px)}.form-row.custom-field{grid-gap:12px;align-items:flex-start;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:minmax(140px,220px) 1fr 44px 44px}.sortable-field{will-change:transform}.custom-field-actions{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.form-label{color:#384655;font-size:clamp(13px,1.1vw,15px);font-weight:600;margin-bottom:clamp(2px,.3vw,4px)}.form-label-input{background:#f5f7fa;border:1px solid #dfe7ed;border-radius:clamp(6px,.8vw,10px);color:#384655;font-size:clamp(13px,1vw,14px);font-weight:600;min-height:clamp(36px,4vw,44px);padding:clamp(8px,1vw,12px) clamp(10px,1.2vw,14px)}.form-label-input:focus{background:#fff;border-color:var(--primary-color);outline:none}.form-textarea{border:1px solid #dfe3e8;border-radius:clamp(6px,.8vw,10px);font-family:inherit;font-size:clamp(13px,1vw,14px);line-height:1.6;min-height:clamp(90px,10vw,120px);padding:clamp(10px,1.2vw,16px) clamp(12px,1.4vw,18px);resize:vertical;transition:border-color .3s,box-shadow .3s;width:100%}.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb24;outline:none}.form-textarea::placeholder{color:#9aa6b2}.delete-field-btn{align-items:center;background:#ff5f56;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:background .3s;width:36px}.delete-field-btn:hover{background:#cc493f}.delete-field-btn.disabled-delete{background:#e5e7eb;cursor:not-allowed}.delete-field-btn.disabled-delete:hover{background:#e5e7eb}.drag-handle{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;cursor:grab;display:flex;height:36px;justify-content:center;transition:border-color .2s,background .2s;width:36px}.drag-handle:hover{background:#eef2ff;border-color:#2563eb}.add-field-btn{background:#2563eb0a;border:1px dashed #2563eb66;border-radius:clamp(8px,1vw,12px);color:var(--primary-color);display:inline-flex;font-size:clamp(13px,1.1vw,15px);font-weight:500;gap:clamp(6px,.8vw,10px);grid-column:1/-1;justify-content:center;margin-top:clamp(6px,.8vw,12px);padding:clamp(12px,1.4vw,18px) clamp(14px,1.6vw,20px);transition:all .3s}.add-field-btn:hover{background:#2563eb1a;border-color:#2563eb99}.add-icon{font-size:16px}@media (max-width:768px){.product-basic-info-container{padding:15px 0}.template-header{align-items:stretch;flex-direction:column}.template-actions{justify-content:flex-start;width:100%}.form-row.custom-field,.info-form{grid-template-columns:1fr}.delete-field-btn{border-radius:6px;height:40px;width:100%}}.form-row.custom-field .delete-field-btn{align-self:center;margin-top:4px}.table-style-config-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;grid-column:1/-1;margin-top:20px;overflow:hidden;transition:box-shadow .3s ease}.table-style-config-card:hover{box-shadow:0 2px 8px #0000000f}@media (max-width:768px){.table-style-grid{grid-template-columns:1fr}}.nutrition-table-container{background:#fafbfc;height:100%;overflow-y:auto;padding:24px}.nutrition-config-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s ease}.nutrition-config-card:hover{box-shadow:0 2px 8px #0000000f}.config-card-header{align-items:center;display:flex;justify-content:space-between}.nutrition-count{background:#f1f3f4;border-radius:12px;color:#80868b;font-size:13px;font-weight:500;padding:4px 12px}.config-card-body{overflow:visible;position:relative}.nutrition-controls{display:flex;flex-wrap:wrap;gap:24px}.control-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.control-label{color:#5f6368;font-size:13px;font-weight:500}.control-select{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s ease}.control-select:focus,.control-select:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.control-select:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.table-style-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.nutrition-table{border:1px solid #e8eaed;border-radius:8px;overflow:visible;position:relative}.table-header{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;display:grid;font-size:13px;font-weight:600;grid-template-columns:2fr 2fr 1.5fr 1fr;letter-spacing:.5px;text-transform:uppercase}.table-header>div{padding:14px 16px;text-align:center}.table-row{align-items:center;border-bottom:1px solid #f1f3f4;display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;position:relative;transition:background .2s ease}.table-row.has-dropdown{z-index:100}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.table-row>div{padding:12px 16px;position:relative}.col-name{overflow:visible;position:relative}.col-name input{width:100%}.nutrient-name-wrapper{position:relative;width:100%;z-index:1}.nutrient-dropdown{background:#fff;border:1px solid #dadce0;border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:auto;z-index:9999}.nutrient-search{align-items:center;background:#f8f9fa;border-bottom:1px solid #e8eaed;display:flex;gap:8px;padding:10px 12px}.nutrient-search svg{flex-shrink:0}.nutrient-search-input{background:#0000;border:none;color:#202124;flex:1 1;font-size:14px;outline:none;padding:0}.nutrient-search-input::placeholder{color:#9aa0a6}.nutrient-dropdown-list{max-height:250px;overflow-y:auto;padding:4px 0}.nutrient-dropdown-list::-webkit-scrollbar{width:6px}.nutrient-dropdown-list::-webkit-scrollbar-track{background:#f1f3f4}.nutrient-dropdown-list::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.nutrient-dropdown-list::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.nutrient-dropdown-item{color:#202124;cursor:pointer;font-size:14px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;transition:background .2s ease;white-space:nowrap}.nutrient-dropdown-item:hover{background:#f0f7ff;color:#1976d2;color:var(--primary-color,#1976d2)}.nutrient-dropdown-item.selected{background:#e3f2fd;color:#1976d2;color:var(--primary-color,#1976d2);font-weight:500}.nutrient-dropdown-empty{color:#9aa0a6;font-size:13px;padding:16px;text-align:center}.table-input{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.table-input:focus,.table-input:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.table-input:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.table-input::placeholder{color:#9aa0a6}.value-group{align-items:center;display:flex;gap:8px}.table-input-small{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;font-size:14px;padding:10px 14px;transition:all .2s ease;width:90px}.table-input-small:focus,.table-input-small:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.table-input-small:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.unit-text{color:#80868b;font-size:13px;font-weight:500;white-space:nowrap}.col-action,.delete-btn{display:flex;justify-content:center}.delete-btn{align-items:center;background:#ea4335;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-direction:row;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.delete-btn:hover{background:#c5221f;box-shadow:0 2px 8px #ea43354d;transform:translateY(-1px)}.add-nutrition-btn{align-items:center;background:#fff;border:2px dashed #1976d2;border:2px dashed var(--primary-color,#1976d2);border-radius:10px;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-nutrition-btn:before{background:linear-gradient(135deg,#1976d20d,#1976d205);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.add-nutrition-btn:hover{background:#f0f7ff;border-color:#1565c0;border-color:var(--primary-dark,#1565c0);box-shadow:0 4px 12px #1976d233;transform:translateY(-2px)}.add-nutrition-btn:hover:before{opacity:1}.add-nutrition-btn:active{transform:translateY(0)}.add-nutrition-btn .add-icon{align-items:center;display:flex;transition:transform .3s ease}.add-nutrition-btn:hover .add-icon{transform:rotate(90deg) scale(1.1)}.nutrition-note{background:linear-gradient(135deg,#fff9e6,#fffbf0);border-left:4px solid #ffc107;border-radius:10px;box-shadow:0 2px 4px #ffc1071a;margin-top:20px;padding:16px 20px}.note-text{color:#856404;font-size:13px;font-weight:500;line-height:1.6;margin:0}@media (max-width:768px){.nutrition-table-container{padding:15px}.template-header{align-items:flex-start;flex-direction:column;gap:15px}.template-actions{flex-wrap:wrap;width:100%}.template-btn{flex:1 1;font-size:14px}.nutrition-config-card{border-radius:10px;margin-bottom:16px}.config-card-header{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 16px}.config-card-body{padding:16px}.nutrition-controls{flex-direction:column;gap:16px}.control-group{min-width:auto;width:100%}.control-select{font-size:16px;width:100%}.table-style-grid{gap:16px;grid-template-columns:1fr}.nutrition-table{display:block;overflow-x:auto}.table-header,.table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;min-width:500px}.table-header>div{font-size:13px;padding:10px 8px}.table-row>div{padding:8px}.table-input{font-size:16px}.nutrient-dropdown{max-height:250px}.nutrient-dropdown-list{max-height:200px}.table-input-small{font-size:16px;width:70px}.delete-btn{font-size:14px;padding:8px 12px}.add-nutrition-btn{font-size:15px;padding:15px 20px}.note-text{font-size:12px}}.usage-method-container{height:100%;overflow-y:auto;padding:20px}.template-header-inline{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:15px}.template-title-inline{color:#333;font-size:16px;font-weight:600;margin:0}.color-input-inline{border:2px solid #ddd;border-radius:6px;transition:border-color .3s;width:60px}.color-action-btn{background:#fff;border:1px solid #d0d7de;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:6px 10px}.color-action-btn:hover{background:#f6f8fa}.color-input-inline:hover{border-color:var(--primary-color)}.editor-section{margin-bottom:30px}.editor-header-simple{margin-bottom:10px}.editor-title-simple{color:#333;font-size:15px;font-weight:600}.title-config-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.title-config-item{display:flex;flex-direction:column;gap:6px}.title-config-label{color:#4b5563;font-size:13px}.title-config-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.title-config-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.quill-container{background:#fff;border-radius:8px}.video-config-section{margin-top:24px}.config-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s ease}.config-card:hover{box-shadow:0 2px 8px #0000000f}.config-card-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e8eaed;padding:16px 20px}.config-card-title{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:600}.config-card-title:before{background:#1976d2;background:var(--primary-color,#1976d2);border-radius:2px;content:"";height:16px;margin-right:10px;width:3px}.config-card-body{padding:20px}.poster-upload-area{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.poster-upload-btn{align-items:center;background:#fafbfc;border:2px dashed #dadce0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:120px;min-width:120px;padding:20px;transition:all .3s ease}.poster-upload-btn:hover{background:#f0f7ff;border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.poster-preview{border:2px solid #e8eaed;border-radius:8px;height:100px;object-fit:cover;width:100px}.poster-icon{font-size:32px;opacity:.6}.poster-remove-btn,.poster-text{color:#5f6368;font-size:13px;font-weight:500}.poster-remove-btn{background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.poster-remove-btn:hover{background:#f8f9fa;border-color:#ea4335;color:#ea4335}.video-upload-area,.video-upload-box{align-items:center;display:flex;justify-content:center;width:100%}.video-upload-box{background:#fafbfc;border:2px dashed #dadce0;border-radius:12px;cursor:pointer;flex-direction:column;max-width:500px;overflow:hidden;padding:48px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-upload-box:before{background:linear-gradient(135deg,#1976d20d,#1976d205);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.video-upload-box:hover{background:#f0f7ff;border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.video-upload-box:hover:before{opacity:1}.upload-icon-video{margin-bottom:16px;transition:transform .3s ease}.video-upload-box:hover .upload-icon-video{transform:scale(1.1)}.upload-text-video{color:#1976d2;font-size:16px;font-weight:600;margin-bottom:8px}.upload-hint{color:#80868b;font-size:13px;text-align:center}.upload-error{color:#b42318;font-size:12px;margin-top:8px}.video-preview{background:#000;border-radius:8px;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:100%}.video-player{display:block;width:100%}.video-actions{display:flex;gap:8px;position:absolute;right:10px;top:10px}.video-action-btn{align-items:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:6px;height:36px;justify-content:center;padding:0 10px;transition:background .3s;width:36px}.video-action-btn:hover{background:#000000e6}.video-style-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.style-item{display:flex;flex-direction:column;gap:8px}.style-label{color:#5f6368;font-size:13px;font-weight:500}.style-input-group{align-items:center;display:flex;gap:8px}.style-input-number{border:1px solid #dadce0;border-radius:8px;color:#202124;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s ease}.style-input-number:focus,.style-input-number:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.style-input-number:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.style-unit{color:#80868b;font-size:13px;font-weight:500;min-width:24px}.color-picker-wrapper{align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;display:flex;gap:10px;padding:8px;transition:all .2s ease}.color-picker-wrapper:hover{background:#f0f7ff;border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.style-color-picker{border:2px solid #fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:40px;transition:transform .2s ease;width:40px}.style-color-picker:hover{transform:scale(1.05)}.color-value-text{color:#5f6368;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:500;letter-spacing:.5px}.height-control{display:flex;flex-direction:column;gap:12px}.height-control-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.height-input-group{align-items:center;display:flex;gap:8px}.height-input-field{border:1px solid #dadce0;border-radius:8px;color:#202124;font-size:14px;padding:10px 14px;transition:all .2s ease;width:120px}.height-input-field:focus,.height-input-field:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.height-input-field:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.height-unit-select{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s ease}.height-unit-select:focus,.height-unit-select:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.height-unit-select:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.quick-chips{display:flex;flex-wrap:wrap;gap:8px}.quick-chip{background:#fff;border:1px solid #dadce0;border-radius:20px;color:#5f6368;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.quick-chip:hover{background:#f8f9fa;border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 2px 4px #1976d21a;color:#1976d2;color:var(--primary-color,#1976d2);transform:translateY(-1px)}.playback-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.playback-option-item{align-items:center;background:#fafbfc;border:1px solid #e8eaed;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.playback-option-item:hover{background:#f8f9fa;border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.playback-label{color:#202124;font-size:14px;font-weight:500}.playback-label-group{align-items:center;display:flex;gap:8px}.playback-hint{align-items:center;background:#e8eaed;border-radius:50%;color:#80868b;cursor:help;display:inline-flex;font-size:14px;height:18px;justify-content:center;transition:all .2s ease;width:18px}.playback-hint:hover{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#dadce0;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s cubic-bezier(.4,0,.2,1)}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;width:20px}input:checked+.slider{background-color:#1976d2;background-color:var(--primary-color,#1976d2)}input:checked+.slider:before{transform:translateX(22px)}input:focus+.slider{box-shadow:0 0 0 3px #1976d21a}@media (max-width:768px){.usage-method-container{padding:15px}.template-header-inline{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.template-title-inline{font-size:16px}.color-input-inline{height:44px;width:80px}.editor-section{margin-bottom:25px}.editor-title-simple{font-size:14px}.config-card{border-radius:10px;margin-bottom:16px}.config-card-header{padding:14px 16px}.config-card-body{padding:16px}.video-upload-box{max-width:100%;padding:40px 24px}.upload-icon-video{margin-bottom:12px}.upload-text-video{font-size:15px}.upload-hint{font-size:12px}.video-preview{max-width:100%}.video-actions{right:8px;top:8px}.video-action-btn{font-size:18px;height:40px;width:40px}.video-style-grid{gap:16px;grid-template-columns:1fr}.playback-options-grid{gap:12px;grid-template-columns:1fr}.playback-option-item{padding:10px}.height-control-group{align-items:flex-start;flex-direction:column;gap:12px}.height-input-group{width:100%}.height-input-field{flex:1 1}.quick-chips{width:100%}.poster-upload-area{align-items:flex-start;flex-direction:column}.poster-upload-btn{min-height:100px;width:100%}}@media (max-width:480px){.video-upload-box{padding:30px 20px}}.related-links-container{background:#fafbfc;height:100%;overflow-y:auto;padding:24px;position:relative}.related-links-container:before{background:#fafbfc;bottom:0;content:"";left:calc(clamp(20px, 3vw, 48px)*-1);position:absolute;right:calc(clamp(20px, 3vw, 48px)*-1);top:0;z-index:-1}.related-links-container .template-title{border-bottom:2px solid #e8eaed;color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.config-section{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s ease}.config-section:hover{box-shadow:0 2px 8px #0000000f}.config-section-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e8eaed;padding:16px 20px}.config-section-title{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:600}.config-section-title:before{background:#1976d2;background:var(--primary-color,#1976d2);border-radius:2px;content:"";height:16px;margin-right:10px;width:3px}.config-section-body{padding:20px}.config-row{margin-bottom:16px}.config-row:last-child{margin-bottom:0}.config-label{color:#5f6368;flex-shrink:0;font-size:14px;min-width:80px}.config-select{border:1px solid #dadce0;color:#202124;flex:1 1;font-size:14px;max-width:200px;padding:10px 14px}.config-select:focus,.config-select:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.config-select:focus{box-shadow:0 0 0 3px #1976d21a}.config-input-group{align-items:center;display:flex;flex:1 1;gap:8px;max-width:150px}.config-input-number{border:1px solid #dadce0;border-radius:8px;color:#202124;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s ease}.config-input-number:focus,.config-input-number:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.config-input-number:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.config-unit{color:#80868b;font-size:13px;font-weight:500}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.config-item{flex-direction:column}.config-label-small{color:#5f6368;font-size:13px;font-weight:500}.color-input-wrapper{align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;display:flex;gap:10px;padding:8px;transition:all .2s ease}.color-input-wrapper:hover{background:#f0f7ff;border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.config-color{border:2px solid #fff;box-shadow:0 2px 4px #0000001a;height:40px;transition:transform .2s ease;width:40px}.config-color:hover{transform:scale(1.05)}.color-value{color:#5f6368;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:500;letter-spacing:.5px}.config-checkbox-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.config-checkbox-label:hover{background:#f8f9fa}.config-checkbox{accent-color:#1976d2;accent-color:var(--primary-color,#1976d2);cursor:pointer;height:18px;width:18px}.config-checkbox-label span{color:#202124;font-size:14px;font-weight:500}.links-section{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow:hidden}.links-section-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;padding:16px 20px}.links-section-title{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:600}.links-section-title:before{background:#1976d2;background:var(--primary-color,#1976d2);border-radius:2px;content:"";height:16px;margin-right:10px;width:3px}.links-count{background:#f1f3f4;border-radius:12px;color:#80868b;font-size:13px;font-weight:500;padding:4px 12px}.links-table{overflow:hidden}.links-table-header{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;display:grid;font-size:13px;font-weight:600;grid-template-columns:50px 120px 2fr 3fr 90px;letter-spacing:.5px;text-transform:uppercase}.links-table-header>div{padding:14px 16px;text-align:center}.links-table-row{align-items:center;border-bottom:1px solid #f1f3f4;display:grid;grid-template-columns:50px 120px 2fr 3fr 90px;transition:background .2s ease}.links-table-row:hover{background:#f8f9fa}.links-table-row:last-child{border-bottom:none}.links-table-row>div{align-items:center;padding:14px 16px}.col-checkbox,.links-table-row>div{display:flex;justify-content:center}.link-checkbox{cursor:pointer;height:18px;width:18px}.icon-upload-label{align-items:center;background:#f8f9fa;border:2px dashed #dadce0;border-radius:10px;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.icon-upload-label:before{background:linear-gradient(135deg,#1976d20d,#1976d205);border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.icon-upload-label:hover{background:#f0f7ff;border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.icon-upload-label:hover:before{opacity:1}.link-icon-img{height:100%;object-fit:cover;width:100%}.link-icon-emoji{font-size:32px}.upload-icon-placeholder{color:#999;font-size:24px}.link-input{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.link-input:focus,.link-input:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.link-input:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.link-input::placeholder{color:#9aa0a6}.order-input{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;font-size:14px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease;width:70px}.order-input:focus,.order-input:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.order-input:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.add-link-btn{align-items:center;background:#fff;border:2px dashed #1976d2;border:2px dashed var(--primary-color,#1976d2);border-radius:10px;color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-link-btn:before{background:linear-gradient(135deg,#1976d20d,#1976d205);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.add-link-btn:hover{background:#f0f7ff;border-color:#1565c0;border-color:var(--primary-dark,#1565c0);box-shadow:0 4px 12px #1976d233;transform:translateY(-2px)}.add-link-btn:hover:before{opacity:1}.add-link-btn:active{transform:translateY(0)}.add-link-btn .add-icon{align-items:center;display:flex;transition:transform .3s ease}.add-link-btn:hover .add-icon{transform:rotate(90deg) scale(1.1)}@media (max-width:768px){.related-links-container{background:#fff;padding:16px}.template-title{font-size:16px;margin-bottom:20px;padding-bottom:10px}.config-section{border-radius:10px;margin-bottom:16px}.config-section-header{padding:14px 16px}.config-section-body{padding:16px}.config-row{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}.config-label{font-size:13px;min-width:auto}.config-input-group,.config-select{max-width:100%;width:100%}.config-grid{gap:16px;grid-template-columns:1fr}.color-input-wrapper{padding:6px}.config-color{height:36px;width:36px}.links-section{border-radius:10px;margin-bottom:16px}.links-section-header{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 16px}.links-count{font-size:12px}.links-table{display:block;overflow-x:auto}.links-table-header{display:none}.links-table-row{background:#fff;border:1px solid #e8eaed;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px}.links-table-row:last-child{border-bottom:1px solid #e8eaed;margin-bottom:12px}.links-table-row>div{justify-content:flex-start;padding:0}.col-checkbox{justify-content:flex-start;padding-bottom:10px}.link-checkbox{height:22px;width:22px}.icon-upload-label{height:60px;width:60px}.link-icon-emoji{font-size:36px}.upload-icon-placeholder{font-size:28px}.link-input{font-size:16px;padding:10px 12px}.order-input{font-size:16px;padding:10px;width:80px}.add-link-btn{font-size:15px;min-height:48px;padding:15px 20px}}@media (max-width:480px){.icon-upload-label{height:50px;width:50px}.link-icon-emoji{font-size:30px}}.inspection-report-container{height:100%;overflow-y:auto;padding:20px}.template-header-simple{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:25px;padding:20px}.style-section{align-items:center;display:flex;gap:16px}.style-section-label{color:#334155;font-size:14px;font-weight:600;min-width:70px;white-space:nowrap}.style-radio-group{display:flex;gap:10px}.style-radio-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.style-radio-item:before{background:linear-gradient(90deg,#0000,#2563eb1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.style-radio-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#93c5fd;box-shadow:0 4px 12px #2563eb26;color:#2563eb;transform:translateY(-2px)}.style-radio-item:hover:before{left:100%}.style-radio-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.style-radio-item.active:hover{box-shadow:0 6px 16px #2563eb66;transform:translateY(-2px)}.style-radio-item input[type=radio]{display:none}.style-radio-item span{position:relative;z-index:1}.color-input-inline{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;height:36px;padding:3px;transition:all .25s ease;width:44px}.color-input-inline:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb33;transform:scale(1.08)}.button-config-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:14px;padding:16px}.config-row{flex-wrap:wrap;gap:16px}.config-item,.config-row{align-items:center;display:flex}.config-item{gap:8px}.config-label{color:#64748b;white-space:nowrap}.config-label,.config-select{font-size:13px;font-weight:500}.config-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;min-width:120px;padding:8px 14px;transition:all .2s ease}.config-select:hover{border-color:#93c5fd}.config-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.config-color{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:34px;padding:3px;transition:all .2s ease;width:38px}.config-color:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb33;transform:scale(1.08)}.config-number{border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;padding:8px 10px;text-align:center;transition:all .2s ease;width:65px}.config-number:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.config-item-checkbox{align-items:center;display:flex;gap:8px}.config-checkbox-input{accent-color:#2563eb;border-radius:4px;cursor:pointer;height:20px;width:20px}.section-title{border-left:3px solid #2563eb;color:#334155;font-size:15px;margin:20px 0 12px;padding-left:10px}.attachments-table{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;overflow:hidden}.attachments-header{background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#333;display:grid;font-size:14px;font-weight:600;grid-template-columns:50px 180px 200px 1fr 150px}.attachments-header>div{padding:12px 15px;text-align:center}.attachments-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:50px 180px 200px 1fr 150px;min-height:100px}.attachments-row:last-child{border-bottom:none}.attachments-row>div{align-items:center;display:flex;padding:12px 15px}.attachments-row .col-source-att{align-items:flex-start;padding-top:20px}.col-checkbox-att{align-items:center;display:flex;justify-content:center}.att-checkbox{cursor:pointer;height:18px;width:18px}.att-name-input{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.att-name-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.att-name-input::placeholder{color:#94a3b8}.file-info{display:flex;flex-direction:column;gap:4px}.file-name{color:#333;font-size:14px;font-weight:500}.file-size{color:#999;font-size:12px}.no-file-text{color:#999;font-size:13px;font-style:italic}.col-file-att,.col-name-att{align-items:center;display:flex}.col-action-att{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:center}.upload-file-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 6px #2563eb40;color:#fff;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-file-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upload-file-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.upload-file-btn:hover:before{left:100%}.upload-file-btn:active:not(:disabled){box-shadow:0 2px 4px #2563eb33;transform:translateY(0)}.delete-file-btn{background:linear-gradient(135deg,#f87171,#ef4444);border:none;border-radius:8px;box-shadow:0 2px 6px #ef444440;color:#fff;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-file-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.delete-file-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.delete-file-btn:hover:before{left:100%}.delete-file-btn:active:not(:disabled){box-shadow:0 2px 4px #ef444433;transform:translateY(0)}.add-attachment-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #93c5fd;border-radius:12px;color:#2563eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-attachment-btn:before{background:#2563eb14;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.add-attachment-btn:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.add-attachment-btn:hover:before{height:300px;width:300px}.add-attachment-btn:active{box-shadow:0 2px 6px #2563eb1a;transform:translateY(0)}.add-attachment-btn .add-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:6px;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.add-attachment-btn .add-icon svg{color:#fff}.add-attachment-btn:hover .add-icon{box-shadow:0 2px 8px #2563eb66;transform:rotate(90deg)}.col-source-att{align-items:flex-start;display:flex;justify-content:flex-start;padding:20px 15px 12px}.source-type-selector{align-items:stretch;display:flex;flex-direction:column;gap:8px;width:100%}.source-type-option{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:flex-start;min-height:38px;overflow:hidden;padding:10px 14px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.source-type-option:after{background:linear-gradient(135deg,#2563eb0d,#2563eb1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.source-type-option input[type=radio]{accent-color:#2563eb;cursor:pointer;margin:0}.source-type-option:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1f;transform:translateX(2px)}.source-type-option:hover:after{opacity:1}.source-type-option.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.source-type-option.active:after{opacity:0}.source-type-option.active span{color:#fff;font-weight:600}.source-type-option.active input[type=radio]{accent-color:#fff}.query-section{display:flex;flex-direction:column;gap:10px}.query-input-group{align-items:center;display:flex;gap:10px}.query-report-input{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.query-report-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.query-report-input::placeholder{color:#94a3b8}.query-report-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 2px 6px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.query-report-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.query-report-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.query-report-btn:hover:not(:disabled):before{left:100%}.query-report-btn:active:not(:disabled){box-shadow:0 2px 4px #2563eb33;transform:translateY(0)}.query-report-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;opacity:.6}.upload-section{display:flex;flex-direction:column}.file-meta{color:#666;font-size:12px;margin-top:2px}.file-source-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:20px;box-shadow:0 1px 3px #2563eb26;color:#1d4ed8;display:inline-flex;font-size:11px;font-weight:600;margin-top:6px;padding:4px 10px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.file-source-badge:hover{box-shadow:0 2px 6px #2563eb33;transform:translateY(-1px)}.upload-section .file-source-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 1px 3px #22c55e26;color:#15803d}.upload-section .file-source-badge:hover{box-shadow:0 2px 6px #22c55e33}.error-message{align-items:center;animation:shake .4s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-top:14px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.upload-file-btn.uploading{cursor:not-allowed;opacity:.6}.query-report-btn,.upload-file-btn{align-items:center;display:inline-flex;gap:6px}@media (max-width:768px){.inspection-report-container{padding:16px}.template-header-simple{align-items:flex-start;flex-direction:column;gap:12px}.attachments-table{border-radius:12px;display:block;overflow-x:auto}.attachments-header,.attachments-row{display:grid;grid-template-columns:50px 160px 180px 1fr 130px;min-width:700px}.source-type-selector{flex-direction:column;gap:6px}.source-type-option{border-radius:8px;font-size:13px;justify-content:center;padding:10px 12px;width:100%}.query-input-group{flex-direction:column;gap:10px}.query-report-input{padding:12px 14px;width:100%}.query-report-btn{justify-content:center;padding:12px 18px;width:100%}.attachments-header>div{font-size:13px;padding:12px 10px}.att-name-input{font-size:16px;padding:12px 14px}.col-action-att{flex-direction:column;gap:8px}.delete-file-btn,.upload-file-btn{border-radius:10px;font-size:14px;justify-content:center;padding:12px 16px;width:100%}.add-attachment-btn{border-radius:14px;font-size:15px;padding:16px 24px}.add-attachment-btn .add-icon{height:28px;width:28px}.file-source-badge{font-size:12px;padding:5px 12px}.error-message{font-size:14px;padding:14px 18px}}.gds-template-editor{background:#f8f9fa;border-radius:12px;padding:20px}.editor-section-title{border-bottom:2px solid #4caf50;color:#333;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.editor-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.section-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-item{display:flex;flex-direction:column;gap:8px}.form-item label{color:#666;font-size:14px;font-weight:500}.form-item input,.form-item select,.form-item textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.carousel-manager{display:flex;flex-direction:column;gap:16px}.carousel-preview-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.carousel-preview-item{aspect-ratio:3/2;background:#f5f5f5;border-radius:8px;overflow:hidden;position:relative}.carousel-preview-item img{height:100%;object-fit:cover;width:100%}.carousel-preview-item .remove-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .3s ease;width:28px}.carousel-preview-item .remove-btn:hover{background:#fff;transform:scale(1.1)}.upload-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tab-editor{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px}.tab-editor-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.tab-icon{font-size:20px}.tab-label-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px}.add-field-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .3s ease}.add-field-btn:hover{background:#45a049}.tab-fields{display:flex;flex-direction:column;gap:10px}.field-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 2fr auto}.field-label,.field-value{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:8px 12px}.field-label{font-weight:500}.remove-field-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-field-btn:hover{background:#ffebee;border-color:#f44336}.certifications-manager{display:flex;flex-direction:column;gap:16px}.certifications-list{display:flex;flex-direction:column;gap:12px}.cert-editor{background:#f8f9fa;border-radius:8px;padding:16px}.cert-header{display:flex;gap:12px;margin-bottom:12px}.cert-header select{flex:0 0 auto;width:120px}.cert-header .custom-label-input,.cert-header select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.cert-header .custom-label-input{flex:1 1}.remove-cert-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-cert-btn:hover{background:#ffebee;border-color:#f44336}.cert-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cert-fields input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:8px 12px}.add-cert-btn{align-items:center;align-self:flex-start;background:#fff;border:2px dashed #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.add-cert-btn:hover{background:#e8f5e9}.editor-tips{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;color:#1565c0;font-size:13px;padding:16px}.editor-tips p{font-weight:600;margin-bottom:8px}.editor-tips ul{margin:0;padding-left:20px}.editor-tips li{margin-bottom:4px}@media (max-width:768px){.gds-template-editor{padding:16px}.cert-fields,.field-row,.form-grid{grid-template-columns:1fr}.carousel-preview-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.style-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;min-height:200px;padding:20px}.style-panel .sp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.style-panel .sp-title{color:#1f2937;font-size:15px;font-weight:600}.sp-disabled-hint{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;margin-top:12px;padding:20px}.sp-disabled-hint p{color:#6b7280;font-size:13px;line-height:1.6;margin:0;text-align:center}.style-panel .sp-row{align-items:center;display:flex;gap:8px}.style-panel label{color:#374151;font-size:12px;font-weight:500;min-width:80px}.sp-preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.sp-preview-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.sp-preview-box{align-items:center;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:100%}.sp-preview-content{color:#6b7280;font-size:12px;text-align:center}.sp-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.sp-section-title{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:12px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.sp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-color-wrapper{align-items:center;display:flex;flex:1 1;gap:8px}.sp-color-input{background:none;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;flex-shrink:0;height:32px;padding:0;width:48px}.sp-color-input::-webkit-color-swatch-wrapper{padding:0}.sp-color-input::-webkit-color-swatch{border:none;border-radius:4px}.sp-color-value{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;flex:1 1;font-family:Courier New,monospace;font-size:11px;min-width:70px;padding:4px 8px;text-align:center}.sp-slider-wrapper{align-items:center;display:flex;flex:1 1;gap:10px}.sp-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.sp-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1)}.sp-slider::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.sp-slider-value{color:#2563eb;font-family:Courier New,monospace;font-size:12px;font-weight:500;min-width:50px;text-align:right}.sp-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s;width:100%}.sp-select:focus,.sp-select:hover{border-color:#2563eb}.sp-select:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.sp-input-text{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:12px;padding:6px 10px;transition:all .2s;width:100%}.sp-input-text:hover{border-color:#9ca3af}.sp-input-text:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.sp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.btn-link{border:1px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-link-primary{background:#2563eb14;border-color:#2563eb33;color:#2563eb}.btn-link-primary:hover{background:#2563eb1f;border-color:#2563eb4d}.btn-link-secondary{background:#fff;border-color:#d1d5db;color:#6b7280}.btn-link-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-link-warning{background:#f59e0b14;border-color:#f59e0b33;color:#d97706}.btn-link-warning:hover{background:#f59e0b1f;border-color:#f59e0b4d}.sp-divider{background:#e5e7eb;height:1px;margin:20px 0}.sp-row-full{grid-column:1/-1}@media (max-width:768px){.sp-grid{grid-template-columns:1fr}.sp-actions{flex-direction:column}.btn-link{width:100%}}.editor-style-toolbar{background:linear-gradient(135deg,var(--color-bg-light) 0,var(--color-bg-subtle) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:inline-flex;gap:4px;margin-bottom:var(--spacing-md);overflow:hidden;padding:4px;position:relative}.editor-style-toolbar:before{background:var(--color-primary-light);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.est-btn{border:none;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;letter-spacing:-.01em;padding:8px 16px;position:relative;white-space:nowrap;z-index:1}.est-btn,.est-btn:before{background:#0000;transition:all .3s var(--ease-out)}.est-btn:before{border-radius:var(--border-radius-sm);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.est-btn:hover{color:var(--color-text-secondary);transform:translateY(-1px)}.est-btn:hover:before{opacity:.8}.est-btn.active,.est-btn:hover:before{background:var(--color-bg-base);box-shadow:var(--shadow-sm)}.est-btn.active{border:1px solid var(--color-primary-subtle);color:var(--color-primary);font-weight:600;transform:translateY(0)}.est-btn.active:before{background:var(--color-primary-light);opacity:.5}.est-btn:active{transform:translateY(0)}.est-btn:active:before{box-shadow:inset 0 2px 4px #0000001a}@media (max-width:768px){.editor-style-toolbar{justify-content:stretch;width:100%}.est-btn{flex:1 1;font-size:13px;padding:10px 16px}}.draft-recovery-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.draft-recovery-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:420px;overflow:hidden;width:90%}.draft-recovery-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:24px 24px 16px}.draft-recovery-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.draft-recovery-icon svg{color:#fff;height:24px;width:24px}.draft-recovery-title h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.draft-recovery-time{color:#64748b;font-size:13px;margin:4px 0 0}.draft-recovery-content{padding:20px 24px}.draft-recovery-info{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.draft-info-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.draft-info-row:not(:last-child){border-bottom:1px solid #e2e8f0}.draft-info-label{color:#64748b;font-size:13px}.draft-info-value{color:#1e293b;font-size:14px;font-weight:600}.draft-recovery-tip{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;gap:10px;padding:12px 16px}.draft-recovery-tip svg{color:#3b82f6;flex-shrink:0;height:18px;margin-top:1px;width:18px}.draft-recovery-tip span{color:#1e40af;font-size:13px;line-height:1.5}.draft-recovery-actions{display:flex;gap:12px;padding:16px 24px 24px}.draft-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.draft-btn-secondary{background:#f1f5f9;color:#475569}.draft-btn-secondary:hover{background:#e2e8f0;color:#1e293b}.draft-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.draft-btn-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.autosave-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s ease}.autosave-indicator--saving{background:#fef3c7;color:#92400e}.autosave-indicator--saved{background:#dcfce7;color:#166534}.autosave-indicator--error{background:#fee2e2;color:#991b1b}.autosave-indicator--changed{background:#e0e7ff;color:#3730a3}.autosave-indicator svg{height:14px;width:14px}.autosave-indicator--saving svg{animation:spin 1s linear infinite}.lazy-image-container{background:#f5f5f5;overflow:hidden;position:relative}.lazy-image-placeholder{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lazy-image-skeleton{background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100%;height:100%;overflow:hidden;position:relative;width:100%}.skeleton-shimmer,.skeleton-shimmer:before{height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-shimmer:before{background:linear-gradient(90deg,#0000 0,#ffffff80 50%,#0000);content:""}.lazy-image{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in;width:100%}.lazy-image-loaded{opacity:1}.lazy-image-loading{opacity:0}.lazy-video-container{aspect-ratio:16/9;background:#000;border-radius:8px;contain:layout style;overflow:hidden;position:relative;width:100%}.lazy-video-placeholder{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lazy-video-poster{height:100%;object-fit:cover;width:100%}.lazy-video-skeleton{align-items:center;background:linear-gradient(90deg,#2a2a2a 0,#3a3a3a 20%,#2a2a2a 40%,#2a2a2a);background-size:800px 100%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.lazy-video-skeleton .skeleton-shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite}.video-play-icon{color:#fffc;font-size:48px;pointer-events:none;position:absolute;text-shadow:0 2px 4px #0000004d;z-index:1}.lazy-video{height:100%;left:0;object-fit:contain;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in;width:100%}.lazy-video-loaded{opacity:1}.lazy-video-loading{opacity:0;pointer-events:none}.lazy-file-button{align-items:center;background:linear-gradient(180deg,#d79a3d,#b7791f);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;transition:all .2s ease}.lazy-file-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.lazy-file-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.lazy-file-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.video-play-icon{font-size:36px}.lazy-file-button{font-size:13px;padding:8px 16px}}.lazy-image,.lazy-video{will-change:opacity}.skeleton-shimmer{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.skeleton-shimmer{animation:none}.lazy-image,.lazy-video{transition:none}}.lazy-loading-indicator{color:#999;font-size:14px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.lazy-loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 8px;width:40px}.divider-row,.label-content-divider{width:100%}.divider-decoration,.divider-line{display:inline-block;transition:all .3s ease}.divider-wave{display:block;overflow:visible}.divider-wave path{transition:stroke .3s ease}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.adm-popup{--z-index:var(--adm-popup-z-index,1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{background-color:var(--adm-color-background);position:fixed;z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{bottom:0;left:0;width:100%}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{left:0;top:0;width:100%}.adm-popup-body-position-top .adm-popup-close-icon{bottom:8px;right:8px}.adm-popup-body-position-left{height:100%;left:0;top:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;right:0;top:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{color:var(--adm-color-weak);cursor:pointer;font-size:18px;line-height:1;padding:4px}.adm-mask{--z-index:var(--adm-mask-z-index,1000);display:block;position:fixed;z-index:var(--z-index)}.adm-mask,.adm-mask-aria-button{height:100%;left:0;top:0;width:100%}.adm-mask-aria-button{pointer-events:none;position:absolute;z-index:0}.adm-mask-content{z-index:1}.adm-toast-mask .adm-toast-wrap{height:100%;left:0;position:fixed;text-align:center;top:0;width:100%}.adm-toast-mask .adm-toast-main{background-color:#000000b3;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-size:var(--adm-font-size-7);line-height:1.5;max-height:70%;max-width:204px;overflow:auto;pointer-events:all;position:relative;text-align:left;text-align:initial;top:50%;transform:translateY(-50%);width:auto;word-break:break-all}.adm-toast-mask .adm-toast-main-text{min-width:0;padding:12px}.adm-toast-mask .adm-toast-main-icon{min-width:150px;padding:35px 12px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{font-size:36px;line-height:1;margin-bottom:8px;text-align:center}.adm-toast-loading{--size:48px;margin:0 auto 8px}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-spin-loading{--color:var(--adm-color-weak);--size:32px;height:var(--size);width:var(--size)}.adm-spin-loading-svg{animation:adm-spin-loading-rotate .8s linear infinite;height:100%;width:100%}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.carousel-container{background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);overflow:hidden;position:relative;width:100%}.carousel-empty{color:#999;padding:60px 20px;text-align:center}.carousel-badge{align-items:center;background:var(--color-primary);border-radius:16px;box-shadow:var(--shadow-sm);color:var(--color-text-inverse);display:flex;font-size:13px;font-weight:600;left:50%;letter-spacing:.2px;padding:6px 16px;position:absolute;top:16px;transform:translateX(-50%);z-index:10}.badge-arrow-left,.badge-arrow-right{border-style:solid;height:0;width:0}.badge-arrow-left{border-color:#0000 var(--color-primary) #0000 #0000;border-width:8px 8px 8px 0;margin-right:-8px}.badge-arrow-right{border-color:#0000 #0000 #0000 var(--color-primary);border-width:8px 0 8px 8px;margin-left:-8px}.badge-text{white-space:nowrap}.carousel-track{overflow:hidden;position:relative;width:100%}.carousel-slides{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.carousel-slide{align-items:center;background:var(--color-bg-base);display:flex;justify-content:center;min-width:100%;padding:24px}.carousel-image{border-radius:4px;max-height:320px;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.carousel-control{align-items:center;background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.carousel-control:hover{background:var(--color-bg-base);box-shadow:var(--shadow-md)}.carousel-control svg{color:var(--color-text-secondary)}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-indicators{bottom:16px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-indicator{background:var(--color-border);border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:all .2s ease;width:6px}.carousel-indicator.active{background:var(--color-primary);border-radius:3px;width:18px}.carousel-indicator:hover{background:var(--color-text-tertiary)}@media (max-width:768px){.carousel-image{max-height:220px}.carousel-control{height:32px;width:32px}.carousel-badge{font-size:12px;padding:5px 16px}}.tab-navigation-container{background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);overflow:hidden;width:100%}.tab-navigation-empty{color:#999;padding:40px;text-align:center}.tab-navigation-header{-webkit-overflow-scrolling:touch;background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light);display:flex;overflow-x:auto}.tab-navigation-header::-webkit-scrollbar{display:none}.tab-navigation-item{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:14px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-navigation-item:before{background:var(--color-primary);border-radius:2px 2px 0 0;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.tab-navigation-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.tab-navigation-item.active{background:var(--color-bg-base);color:var(--color-primary);font-weight:700}.tab-navigation-item.active:before{width:100%}.tab-icon{font-size:16px}.tab-label{-webkit-user-select:none;user-select:none}.tab-navigation-content{animation:fadeIn .3s ease;min-height:150px;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tab-navigation-item{font-size:13px;min-width:70px;padding:12px 10px}.tab-icon{font-size:14px}.tab-navigation-content{padding:16px}}@media (max-width:480px){.tab-navigation-item{flex-direction:column;font-size:12px;gap:4px}}.verification-badge-container{background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);padding:18px;transition:all .2s ease}.verification-badge-container:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.verification-badge-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.verification-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.verification-icon svg{color:var(--color-primary)}.verification-title{color:var(--color-text-primary);flex:1 1;font-size:16px;font-weight:600;letter-spacing:-.1px}.verification-status{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;white-space:nowrap}.verification-status.verified{background:var(--color-primary-light);border:1px solid var(--color-border-light);color:var(--color-primary)}.verification-details{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:8px;padding-top:12px}.detail-item{align-items:flex-start;display:flex;font-size:13px;line-height:1.5}.detail-label{color:var(--color-text-secondary);flex-shrink:0;font-weight:600;min-width:70px}.detail-value{color:var(--color-text-primary);font-weight:500;word-break:break-all}@media (max-width:768px){.verification-badge-container{padding:14px}.verification-title{font-size:14px}.verification-status{font-size:11px;padding:3px 8px}.detail-item{font-size:12px}.detail-label{min-width:65px}}.barcode-container{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;padding:8px}.barcode-canvas{height:auto;max-width:100%}.content-item-skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.content-section-heading{color:#202124;font-size:18px;font-weight:500;letter-spacing:-.2px;margin:0 0 16px}.label-content-text{word-wrap:break-word;border-radius:8px;line-height:1.6;padding:16px}.label-content-text .text-title{word-wrap:break-word;font-size:16px;font-weight:600;margin-bottom:12px;white-space:pre-wrap}.label-content-text .text-body{word-wrap:break-word;color:#202124;font-size:14px;white-space:pre-wrap}.label-content-text .text-placeholder{color:#80868b;font-size:13px;padding:20px;text-align:center}.label-content-images{border-radius:8px;padding:16px}.label-content-images .image-wrapper{margin-bottom:12px}.label-content-images .image-wrapper img{border-radius:4px;display:block;height:auto;width:100%}.label-content-images .image-description{color:#5f6368;font-size:13px;margin-top:8px;text-align:center}.label-content-images .image-placeholder{background:#f8f9fa;border-radius:4px;color:#80868b;font-size:13px;padding:40px 20px;text-align:center}.label-content-video{padding:16px}.label-content-video .video-player{border-radius:8px;display:block;max-width:100%;width:100%}.label-content-audio{padding:16px}.label-content-audio .audio-player{display:block;max-width:100%;width:100%}.label-content-links{display:flex;flex-direction:column;gap:12px;padding:16px}.label-content-links .link-item{align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;color:#202124;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.label-content-links .link-item:hover{background:#fff;box-shadow:0 1px 3px #3c40431f}.label-content-links .link-icon{font-size:18px}.label-content-links .link-icon-img{flex-shrink:0;height:24px;object-fit:contain;width:24px}.label-content-links .link-name{font-size:14px;font-weight:500}.label-content-attachments{display:flex;flex-direction:column;gap:10px;padding:16px}.label-content-attachments .attachment-item{align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:6px;display:flex;gap:10px;padding:10px 12px}.label-content-attachments .attachment-name{color:#202124;font-size:14px}.label-content-product-basic{border:1px solid #e8eaed;border-radius:8px;padding:20px}.label-content-product-basic .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.label-content-product-basic .info-item{background:#f8f9fa;border:1px solid #e8eaed;border-radius:6px;padding:12px 16px}.label-content-product-basic .info-label{color:#5f6368;display:block;font-size:12px;margin-bottom:4px}.label-content-product-basic .info-label:after{content:none}.label-content-product-basic .info-value{color:#202124;font-size:14px;font-weight:500;white-space:pre-line;word-break:break-all}.label-content-nutrition{border:1px solid #e8eaed;border-radius:8px;padding:20px}.label-content-nutrition .nutrition-table{border-collapse:collapse;display:table!important;font-size:14px;margin-top:12px;overflow-x:visible!important;table-layout:fixed!important;width:100%}.label-content-nutrition .nutrition-table td:first-child,.label-content-nutrition .nutrition-table th:first-child{width:30%}.label-content-nutrition .nutrition-table td:nth-child(2),.label-content-nutrition .nutrition-table td:nth-child(3),.label-content-nutrition .nutrition-table th:nth-child(2),.label-content-nutrition .nutrition-table th:nth-child(3){width:35%}.label-content-nutrition .nutrition-table td,.label-content-nutrition .nutrition-table th{border:1px solid #e8eaed;padding:10px 12px;text-align:left}.label-content-nutrition .nutrition-table th{background:#f8f9fa;color:#202124;font-weight:600}.label-content-nutrition .nutrition-table td{color:#5f6368}.label-content-usage{border-radius:8px;padding:20px}.label-content-usage .usage-title{color:#202124;font-size:16px;font-weight:600;margin-bottom:12px}.label-content-usage .usage-video{border-radius:8px;margin-top:12px;max-width:100%;width:100%}.label-content-related-links{border:1px solid #e8eaed;border-radius:8px;padding:20px}.label-content-related-links .links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.label-content-related-links .related-link-item{align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;color:#202124;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.label-content-related-links .related-link-item img{display:block;flex-shrink:0;height:36px;object-fit:contain;width:36px}.label-content-related-links .related-link-item .link-name{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-content-related-links .related-link-item:hover{background:#fff;box-shadow:0 1px 3px #3c40431f}.label-content-inspection{border-left:4px solid #e8eaed;border-radius:8px;padding:20px}.label-content-inspection .inspection-list{display:flex;flex-direction:column;gap:10px}.label-content-inspection .inspection-item{align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:6px;display:flex;gap:10px;padding:10px 12px}.label-content-inspection .inspection-item-content{align-items:center;display:flex;flex:1 1;gap:8px}.label-content-inspection .inspection-name{color:#202124;flex:1 1;font-size:14px}.label-content-inspection .inspection-link{align-items:center;background:none;border:none;color:#1890ff;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:4px;padding:0;text-align:left;text-decoration:none;transition:all .2s ease}.label-content-inspection .inspection-link:hover{color:#1873d4;text-decoration:underline}.label-content-inspection .inspection-download-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.label-content-inspection .inspection-download-icon:hover{background:#0000000d}.label-content-gds-traceability{width:100%}.label-content-gds-traceability .gds-carousel-section{padding:16px 0}.label-content-gds-traceability .gds-product-basic-info{padding:24px 0;text-align:center}.label-content-gds-traceability .gds-product-name{color:#202124;font-size:28px;font-weight:400;letter-spacing:-.5px;margin:0 0 12px}.label-content-gds-traceability .gds-product-meta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.label-content-gds-traceability .gds-product-code,.label-content-gds-traceability .gds-production-date{color:#5f6368;font-size:14px;padding:0 12px;position:relative}.label-content-gds-traceability .gds-product-code:not(:last-child):after{color:#dadce0;content:"|";position:absolute;right:-8px}.label-content-gds-traceability .gds-barcode-section{display:flex;justify-content:center;padding:20px 0}.label-content-gds-traceability .gds-section-title{color:#202124;font-size:20px;font-weight:500;letter-spacing:-.2px;margin:0 0 16px}.label-content-gds-traceability .gds-certifications-section{padding:24px 0}.label-content-gds-traceability .gds-certifications-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.label-content-gds-traceability .gds-tabs-section{padding:24px 0}.label-content-gds-traceability .gds-tab-content-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.label-content-gds-traceability .gds-field-item{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:14px 16px;transition:all .2s ease}.label-content-gds-traceability .gds-field-item:hover{background:#fff;box-shadow:0 1px 3px #3c40431f}.label-content-gds-traceability .gds-field-label{color:#5f6368;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:6px}.label-content-gds-traceability .gds-field-value{color:#202124;font-size:14px;font-weight:400;line-height:1.5;word-break:break-all}.label-content-standard-template{--template-bg-color:#f5e6d3;--template-border-color:#d4bfa0;--template-text-color:#5c4a37}.has-decorations .label-item{padding-bottom:22px;padding-top:22px;position:relative}.has-decorations .label-item:after,.has-decorations .label-item:before{background:#d4bfa0;background:var(--template-border-color,#d4bfa0);border-radius:4px;content:"";height:4px;left:16px;position:absolute;right:60px}.has-decorations .label-item:before{top:6px}.has-decorations .label-item:after{bottom:6px}.has-decorations .content-section-heading,.has-decorations .image-section-title{color:#5c4a37;color:var(--template-text-color,#5c4a37);padding-left:8px;position:relative}.has-decorations .content-section-heading:before,.has-decorations .image-section-title:before{background:#d4bfa0;background:var(--template-border-color,#d4bfa0);border-radius:4px;content:"";height:4px;position:absolute;right:36px;top:50%;transform:translateY(-50%);width:22px}.has-decorations .content-section-heading:after,.has-decorations .image-section-title:after{background:#d4bfa0;background:var(--template-border-color,#d4bfa0);border-radius:50%;content:"";height:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px}.label-content-standard-template.has-decorations .label-item{padding-bottom:22px;padding-top:22px;position:relative}.label-content-standard-template.has-decorations .label-item:after,.label-content-standard-template.has-decorations .label-item:before{background:var(--template-border-color);border-radius:4px;content:"";height:4px;left:16px;position:absolute;right:60px}.label-content-standard-template.has-decorations .label-item:before{top:6px}.label-content-standard-template.has-decorations .label-item:after{bottom:6px}.label-content-standard-template.has-decorations .content-section-heading,.label-content-standard-template.has-decorations .image-section-title{color:var(--template-text-color);padding-left:8px;position:relative}.label-content-standard-template.has-decorations .content-section-heading:before,.label-content-standard-template.has-decorations .image-section-title:before{background:var(--template-border-color);border-radius:4px;content:"";height:4px;position:absolute;right:36px;top:50%;transform:translateY(-50%);width:22px}.label-content-standard-template.has-decorations .content-section-heading:after,.label-content-standard-template.has-decorations .image-section-title:after{background:var(--template-border-color);border-radius:50%;content:"";height:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px}.label-content-standard-template .label-content-images{margin-bottom:20px}.label-content-standard-template .label-content-images .image-section-title{color:#202124;font-size:18px;font-weight:500;margin:0 0 12px}.label-content-standard-template .label-content-images .image-wrapper{background:#fff;border:3px solid var(--template-border-color);border-radius:14px;overflow:hidden}.label-content-standard-template .label-content-images .image-wrapper img{border-radius:10px}.label-content-standard-template .label-content-images .image-carousel{background:#fff;border:3px solid var(--template-border-color);border-radius:14px;overflow:hidden;position:relative;width:100%}.label-content-standard-template .label-content-images .carousel-track{display:flex;transition:transform .5s ease}.label-content-standard-template .label-content-images .carousel-slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:100%}.label-content-standard-template .label-content-images .carousel-slide img{border-radius:10px;max-height:400px;max-width:100%;object-fit:contain}.label-content-standard-template .label-content-images .carousel-arrow{align-items:center;background:#5c4a37b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:36px;z-index:10}.label-content-standard-template .label-content-images .carousel-arrow:hover{background:#5c4a37e6}.label-content-standard-template .label-content-images .carousel-arrow.prev{left:10px}.label-content-standard-template .label-content-images .carousel-arrow.next{right:10px}.label-content-standard-template .label-content-images .carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:12px;padding-bottom:4px}.label-content-standard-template .label-content-images .carousel-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:10px;transition:background .2s ease,transform .2s ease;width:10px}.label-content-standard-template .label-content-images .carousel-dot.active{background:#d4bfa0;background:var(--template-border-color,#d4bfa0);transform:scale(1.2)}.label-content-standard-template .label-content-product-basic{background:var(--template-bg-color);border:2px solid var(--template-border-color);border-radius:12px;margin-bottom:20px;padding:20px}.label-content-standard-template .label-content-product-basic .content-section-heading{color:var(--template-text-color);margin-bottom:16px}.label-content-standard-template .label-content-product-basic .info-table{background:#0000;border-collapse:collapse;width:100%}.label-content-standard-template .label-content-product-basic .info-table-row{border-bottom:1px solid var(--template-border-color)}.label-content-standard-template .label-content-product-basic .info-table-row:last-child{border-bottom:none}.label-content-standard-template .label-content-product-basic .info-table-label{background:#ffffff80;color:var(--template-text-color);font-size:14px;font-weight:500;padding:12px 16px;vertical-align:top;width:35%}.label-content-standard-template .label-content-product-basic .info-table-value{color:#202124;font-size:14px;padding:12px 16px;vertical-align:top;white-space:pre-line;word-break:break-all}.label-content-standard-template .label-content-nutrition{background:var(--template-bg-color);border:2px solid var(--template-border-color);border-radius:12px;margin-bottom:20px;padding:20px}.label-content-standard-template .label-content-nutrition .content-section-heading{color:var(--template-text-color);margin-bottom:16px}.label-content-standard-template .label-content-nutrition .nutrition-table{background:#ffffffb3;border-radius:8px;display:table!important;overflow:hidden;table-layout:fixed!important}.label-content-standard-template .label-content-nutrition .nutrition-table td:first-child,.label-content-standard-template .label-content-nutrition .nutrition-table th:first-child{width:30%}.label-content-standard-template .label-content-nutrition .nutrition-table td:nth-child(2),.label-content-standard-template .label-content-nutrition .nutrition-table td:nth-child(3),.label-content-standard-template .label-content-nutrition .nutrition-table th:nth-child(2),.label-content-standard-template .label-content-nutrition .nutrition-table th:nth-child(3){width:35%}.label-content-standard-template .label-content-nutrition .nutrition-table th{background:#fffffff2;border-color:var(--template-border-color);color:var(--template-text-color)}.label-content-standard-template .label-content-nutrition .nutrition-table td{background:#ffffff80;border-color:var(--template-border-color)}.label-content-standard-template .label-content-usage{background:var(--template-bg-color);border:2px solid var(--template-border-color);border-radius:12px;margin-bottom:20px;padding:20px}.label-content-standard-template .label-content-usage .content-section-heading{color:var(--template-text-color);margin-bottom:16px}.label-content-standard-template .label-content-usage .usage-title{color:var(--template-text-color)}.label-content-standard-template .label-content-inspection{background:#0000;border:none;margin-bottom:20px;padding:0}.label-content-standard-template .label-content-inspection .inspection-buttons{display:flex;flex-wrap:wrap;gap:12px}.label-content-standard-template .label-content-inspection .inspection-button{align-items:center;background:linear-gradient(180deg,#d79a3d,#b7791f);border:none;border-radius:12px;box-shadow:0 6px 16px #b7791f4d;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;justify-content:center;min-width:140px;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.label-content-standard-template .label-content-inspection .inspection-button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.label-content-standard-template .label-content-inspection .inspection-button:hover{background:linear-gradient(180deg,#e5a84a,#c88a2a);box-shadow:0 10px 24px #b7791f66;transform:translateY(-3px)}.label-content-standard-template .label-content-inspection .inspection-button:hover:before{left:100%}.label-content-standard-template .label-content-inspection .inspection-button:active{box-shadow:0 4px 12px #b7791f40;transform:translateY(-1px)}.label-content-standard-template .label-content-inspection .inspection-button:disabled{box-shadow:0 4px 8px #b7791f26;cursor:not-allowed;opacity:.6;transform:none}.label-content-standard-template .label-content-inspection .inspection-button:disabled:hover{box-shadow:0 4px 8px #b7791f26;transform:none}.label-content-standard-template .label-content-related-links{border:2px solid var(--template-border-color);border-radius:12px;margin-bottom:20px;padding:20px}.label-content-standard-template .label-content-related-links .link-logo-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;color:var(--template-text-color);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:18px 16px;text-decoration:none;transition:all .2s ease}.label-content-standard-template .label-content-related-links .link-logo-card img{display:block;flex-shrink:0;height:72px;object-fit:contain;width:72px}.label-content-standard-template .label-content-related-links .link-logo-card span[style*=borderRadius]{display:block;flex-shrink:0}.label-content-standard-template .label-content-related-links .related-link-item{align-items:center;background:#fff;border:1px solid var(--template-border-color);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.label-content-standard-template .label-content-related-links .related-link-item img{display:block;flex-shrink:0;height:36px;object-fit:contain;width:36px}.label-content-standard-template .label-content-related-links .link-logo-card:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.label-content-standard-template .label-content-related-links .link-logo-text{color:var(--template-text-color);font-size:14px;font-weight:600}.label-content-blue-white-template{--blue-white-header-bg:#1e90ff;--blue-white-header-text:#fff;--blue-white-card-bg:#fff;--blue-white-card-border:#e8eaed;--blue-white-text-primary:#202124;--blue-white-text-secondary:#5f6368;--template-border-color:#1e90ff;--template-text-color:#202124}.content-section-heading.blue-white-title,.label-content-blue-white-template .content-section-heading.blue-white-title{background:#0000;border-radius:0;color:var(--blue-white-header-text);margin:0 0 6px;padding:0 4px 10px}.blue-white-title .blue-white-title-en{font-size:12px;line-height:1.1;opacity:.9}.blue-white-title .blue-white-title-cn{font-size:18px;font-weight:700;margin-top:4px}.label-content-blue-white-template .label-content-images{background:var(--blue-white-card-bg);border:1px solid var(--blue-white-card-border);border-radius:8px;margin-bottom:20px;padding:20px}.label-content-blue-white-template .label-content-images .image-section-title{color:var(--blue-white-text-primary);font-size:18px;font-weight:500;margin:0 0 12px}.label-content-blue-white-template .label-content-images .image-wrapper{background:#fff;border:2px solid var(--blue-white-card-border);border-radius:8px;overflow:hidden}.label-content-blue-white-template .label-content-images .image-wrapper img{border-radius:6px}.label-content-blue-white-template .label-content-images .image-carousel{background:var(--blue-white-card-bg);border-radius:8px;overflow:hidden;position:relative;width:100%}.label-content-blue-white-template .label-content-images .carousel-track{display:flex;transition:transform .5s ease}.label-content-blue-white-template .label-content-images .carousel-slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:100%}.label-content-blue-white-template .label-content-images .carousel-slide img{border-radius:6px;max-height:400px;max-width:100%;object-fit:contain}.label-content-blue-white-template .label-content-images .carousel-arrow{align-items:center;background:#1e90ffb3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:36px;z-index:10}.label-content-blue-white-template .label-content-images .carousel-arrow:hover{background:#1e90ffe6}.label-content-blue-white-template .label-content-images .carousel-arrow.prev{left:10px}.label-content-blue-white-template .label-content-images .carousel-arrow.next{right:10px}.label-content-blue-white-template .label-content-images .carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:12px;padding-bottom:4px}.label-content-blue-white-template .label-content-images .carousel-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:10px;transition:background .2s ease,transform .2s ease;width:10px}.label-content-blue-white-template .label-content-images .carousel-dot.active{background:#1e90ff;transform:scale(1.2)}.label-content-blue-white-template .label-content-product-basic{background:var(--blue-white-card-bg);border:1px solid var(--blue-white-card-border);border-radius:8px;margin-bottom:20px;overflow:hidden;padding:0}.label-content-blue-white-template .label-content-product-basic .content-section-heading{margin-bottom:0}.label-content-blue-white-template .label-content-product-basic .info-table{background:#0000;border-collapse:collapse;width:100%}.label-content-blue-white-template .label-content-product-basic .info-table-row{border-bottom:1px solid #e8eaed}.label-content-blue-white-template .label-content-product-basic .info-table-row:last-child{border-bottom:none}.label-content-blue-white-template .label-content-product-basic .info-table-label{background:#0000;color:var(--blue-white-text-secondary);font-size:14px;font-weight:500;padding:12px 16px;vertical-align:top;width:35%}.label-content-blue-white-template .label-content-product-basic .info-table-value{color:var(--blue-white-text-primary);font-size:14px;padding:12px 16px;vertical-align:top;white-space:pre-line;word-break:break-all}.label-content-blue-white-template .label-content-nutrition{background:var(--blue-white-card-bg);border:1px solid var(--blue-white-card-border);border-radius:8px;margin-bottom:20px;overflow:hidden;padding:0}.label-content-blue-white-template .label-content-nutrition .content-section-heading{margin-bottom:0}.label-content-blue-white-template .label-content-nutrition .nutrition-table{border-collapse:collapse;display:table!important;margin-top:0;table-layout:fixed!important;width:100%}.label-content-blue-white-template .label-content-nutrition .nutrition-table td:first-child,.label-content-blue-white-template .label-content-nutrition .nutrition-table th:first-child{width:30%}.label-content-blue-white-template .label-content-nutrition .nutrition-table td:nth-child(2),.label-content-blue-white-template .label-content-nutrition .nutrition-table td:nth-child(3),.label-content-blue-white-template .label-content-nutrition .nutrition-table th:nth-child(2),.label-content-blue-white-template .label-content-nutrition .nutrition-table th:nth-child(3){width:35%}.label-content-blue-white-template .label-content-nutrition .nutrition-table th{background:#f8f9fa;border-color:var(--blue-white-card-border);color:var(--blue-white-text-primary);font-weight:600}.label-content-blue-white-template .label-content-nutrition .nutrition-table td{background:#fff;border-color:var(--blue-white-card-border);color:var(--blue-white-text-secondary)}.label-content-blue-white-template .label-content-usage{background:var(--blue-white-card-bg);border:1px solid var(--blue-white-card-border);border-radius:8px;margin-bottom:20px;overflow:hidden;padding:0}.label-content-blue-white-template .label-content-usage .content-section-heading{margin-bottom:0}.label-content-blue-white-template .label-content-usage .usage-title{color:var(--blue-white-text-primary);padding:20px}.label-content-blue-white-template .label-content-usage .usage-video{border-radius:0 0 8px 8px;margin-top:0;max-width:100%;width:100%}.label-content-blue-white-template .label-content-inspection{background:#0000;border:none;margin-bottom:20px;padding:0}.label-content-blue-white-template .label-content-inspection .inspection-buttons{display:flex;flex-wrap:wrap;gap:12px}.label-content-blue-white-template .label-content-inspection .inspection-button{align-items:center;background:linear-gradient(180deg,#2080e5,#1a6fc9);border:none;border-radius:10px;box-shadow:0 6px 16px #2080e54d;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;justify-content:center;min-width:140px;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.label-content-blue-white-template .label-content-inspection .inspection-button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.label-content-blue-white-template .label-content-inspection .inspection-button:hover{background:linear-gradient(180deg,#2a8ff5,#2080e5);box-shadow:0 10px 24px #2080e566;transform:translateY(-3px)}.label-content-blue-white-template .label-content-inspection .inspection-button:hover:before{left:100%}.label-content-blue-white-template .label-content-inspection .inspection-button:active{box-shadow:0 4px 12px #2080e540;transform:translateY(-1px)}.label-content-blue-white-template .label-content-inspection .inspection-button:disabled{box-shadow:0 4px 8px #2080e526;cursor:not-allowed;opacity:.6;transform:none}.label-content-blue-white-template .label-content-inspection .inspection-button:disabled:hover{box-shadow:0 4px 8px #2080e526;transform:none}.label-content-blue-white-template .label-content-related-links{background:var(--blue-white-card-bg);border:1px solid var(--blue-white-card-border);border-radius:8px;margin-bottom:20px;padding:20px}.label-content-blue-white-template .label-content-related-links .link-logo-card{align-items:center;background:#fffc;border-radius:8px;color:var(--blue-white-text-primary);display:flex;gap:12px;padding:16px;text-decoration:none;transition:all .2s ease}.label-content-blue-white-template .label-content-related-links .link-logo-card img{display:block;flex-shrink:0;height:48px;object-fit:contain;width:48px}.label-content-blue-white-template .label-content-related-links .link-logo-card span[style*=borderRadius]{display:block;flex-shrink:0}.label-content-blue-white-template .label-content-related-links .related-link-item{align-items:center;background:#fffc;border:1px solid var(--blue-white-card-border);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.label-content-blue-white-template .label-content-related-links .related-link-item img{display:block;flex-shrink:0;height:36px;object-fit:contain;width:36px}.label-content-blue-white-template .label-content-related-links .link-logo-card:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.label-content-blue-white-template .label-content-related-links .link-logo-text{color:var(--blue-white-text-primary);font-size:16px;font-weight:500}.label-content-blue-white-template.has-decorations .label-item{padding-bottom:16px;padding-top:16px;position:relative}.label-content-blue-white-template.has-decorations .label-item:after,.label-content-blue-white-template.has-decorations .label-item:before{background:linear-gradient(90deg,#1e90ff,#1e90ff4d 50%,#0000);border-radius:1px;content:"";height:2px;left:0;position:absolute;right:0}.label-content-blue-white-template.has-decorations .label-item:before{top:0}.label-content-blue-white-template.has-decorations .label-item:after{background:linear-gradient(90deg,#0000,#1e90ff4d 50%,#1e90ff);bottom:0}.label-content-blue-white-template.has-decorations .content-section-heading:after,.label-content-blue-white-template.has-decorations .content-section-heading:before,.label-content-blue-white-template.has-decorations .image-section-title:after,.label-content-blue-white-template.has-decorations .image-section-title:before{display:none}.label-content-blue-white-template.has-decorations .content-section-heading,.label-content-blue-white-template.has-decorations .image-section-title{color:var(--blue-white-text-primary)}@media (max-width:768px){.label-content-gds-traceability .gds-certifications-grid,.label-content-gds-traceability .gds-tab-content-fields,.label-content-product-basic .info-grid{grid-template-columns:1fr}.content-section-heading,.label-content-gds-traceability .gds-section-title{font-size:16px}.label-content-gds-traceability .gds-product-name{font-size:24px}.label-content-standard-template .label-content-product-basic .info-table-label,.label-content-standard-template .label-content-product-basic .info-table-value{font-size:13px;padding:10px 12px}.label-content-standard-template .label-content-inspection .inspection-buttons{flex-direction:column}.label-content-standard-template .label-content-inspection .inspection-button{width:100%}.label-content-blue-white-template .content-section-heading.blue-white-title{padding:10px 16px}.blue-white-title .blue-white-title-en{font-size:11px}.blue-white-title .blue-white-title-cn{font-size:16px}.label-content-blue-white-template .label-content-product-basic .info-table-label,.label-content-blue-white-template .label-content-product-basic .info-table-value{font-size:13px;padding:10px 12px}.label-content-blue-white-template .label-content-inspection .inspection-buttons{flex-direction:column}.label-content-blue-white-template .label-content-inspection .inspection-button{width:100%}}.label-view-container{align-items:flex-start;background:var(--color-bg-tertiary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.phone-preview{background:var(--color-bg-secondary)}.phone-preview .label-view-content{border-radius:24px;border-width:1px;box-shadow:var(--shadow-xl);max-width:390px}.phone-preview .label-header{border-top-left-radius:24px;border-top-right-radius:24px}.label-view-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--color-primary-transparent);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-lg);width:50px}@keyframes spin{to{transform:rotate(1turn)}}.label-view-loading p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.label-view-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-icon{color:var(--color-error);font-size:60px;margin-bottom:var(--spacing-md)}.label-view-error h2{color:var(--color-error);font-size:24px;margin-bottom:var(--spacing-sm)}.label-view-error p{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.btn-retry{background:var(--gradient-primary);font-size:var(--font-size-md);font-weight:600;padding:12px 32px;transition:all var(--transition-normal) ease}.btn-retry:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.label-watermark{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.watermark-image{-webkit-user-drag:none;filter:blur(2px);height:200px;opacity:.15;transform:rotate(-15deg);-webkit-user-select:none;user-select:none;width:200px}.label-view-content{background:var(--color-bg-primary);border:1px solid var(--border-color-light);border-radius:16px;box-shadow:var(--shadow-md);max-width:600px;overflow:hidden;position:relative;width:100%}.label-items{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}@keyframes fadeInLabelItem{0%{opacity:0}to{opacity:1}}@keyframes slideUpLabelItem{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.label-item.anim-fade{animation-fill-mode:both;animation-name:fadeInLabelItem}.label-item.anim-slide-up{animation-fill-mode:both;animation-name:slideUpLabelItem}.label-view-content.label-content-standard-template{background:var(--template-bg-color);border-color:var(--template-border-color)}.label-view-content.label-content-blue-white-template{background:var(--color-primary);border-color:var(--color-primary)}.phone-preview .label-view-content.label-content-blue-white-template{box-shadow:0 10px 30px #2563eb2e}.phone-preview .label-view-content.label-content-standard-template{box-shadow:0 10px 30px #5c4a3714}.label-header{background:var(--gradient-primary);padding:20px;text-align:center}.label-title{color:var(--color-text-inverse);font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.label-items{padding:var(--spacing-md)}.label-item{margin-bottom:var(--spacing-lg)}.label-item:last-child{margin-bottom:0}.content-text{border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.text-title{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.text-content{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.8}.text-content p{margin:0 0 var(--spacing-sm) 0}.content-images{border-radius:var(--border-radius-lg);padding:var(--spacing-sm)}.image-wrapper{margin-bottom:var(--spacing-sm)}.image-wrapper img{border-radius:var(--border-radius-md);display:block;height:auto;width:100%}.image-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:center}.content-audio,.content-video{padding:var(--spacing-sm)}.audio-player,.video-player{border-radius:var(--border-radius-md);width:100%}.content-links,.content-related-links{padding:var(--spacing-md)}.links-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.link-item,.related-link-item{align-items:center;background:var(--color-primary-light);border:1px solid var(--color-primary-transparent);border-radius:var(--border-radius-md);color:var(--color-primary);display:flex;font-weight:500;gap:10px;padding:14px 16px;text-decoration:none;transition:all var(--transition-normal) ease}.link-item:hover,.related-link-item:hover{background:#2563eb1a;border-color:var(--color-primary);transform:translateX(4px)}.link-icon{font-size:18px}.link-name{flex:1 1}.content-attachments,.content-inspection{padding:var(--spacing-md)}.attachment-item,.inspection-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);display:flex;gap:10px;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.attachment-name,.inspection-name{color:var(--color-text-primary);font-size:var(--font-size-sm)}.content-product-basic{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.section-heading{border-bottom:2px solid var(--color-primary-transparent);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.info-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.info-item{display:flex;line-height:1.6}.info-label{flex-shrink:0;font-weight:600;min-width:80px}.info-value{flex:1 1}.content-nutrition{padding:var(--spacing-md)}.nutrition-table{background:var(--color-bg-primary);border-collapse:collapse;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.nutrition-table thead{background:var(--gradient-primary);color:var(--color-text-inverse)}.nutrition-table th{font-weight:600;padding:12px 8px}.nutrition-table td,.nutrition-table th{font-size:var(--font-size-sm);text-align:center}.nutrition-table td{border-bottom:1px solid var(--border-color-lighter);padding:10px 8px}.nutrition-table tbody tr:last-child td{border-bottom:none}.nutrition-table tbody tr:hover{background:var(--color-primary-light)}.content-usage{border-radius:var(--border-radius-lg);color:var(--color-text-inverse);padding:20px}.usage-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.usage-video{border-radius:var(--border-radius-md);width:100%}.content-inspection{border:2px solid;border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.inspection-list{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs)}.label-footer{background:var(--color-bg-secondary);border-top:1px solid var(--border-color-light);padding:var(--spacing-md);text-align:center}.standard-footer{background:#0000;border-top:none;padding:24px 12px 32px}.standard-footer .footer-brand{color:#b08968;font-weight:600}.footer-brand{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-xs) 0}.footer-time{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}@media (max-width:768px){.label-view-container{padding:8px}.label-view-content{border-radius:12px;max-width:100%}.label-title{font-size:20px}.text-title{font-size:18px}.section-heading{font-size:16px}.info-label{min-width:70px}.info-label,.info-value{font-size:13px}.nutrition-table td,.nutrition-table th{font-size:13px;padding:8px 4px}}@media (max-width:480px){.content-images,.content-nutrition,.content-product-basic,.content-text,.label-items{padding:12px}.text-content{font-size:14px}.nutrition-table td,.nutrition-table th{font-size:12px;padding:6px 3px}}.label-item-progressive,.label-item-progressive.label-item{animation:fadeInUp .3s ease-out forwards}.label-item{contain:layout style}.content-item-skeleton{transition:none}.label-item>:not(.content-item-skeleton){animation:contentFadeIn .2s ease-out}@keyframes contentFadeIn{0%{opacity:.7}to{opacity:1}}.label-view-content{overflow-anchor:auto}.label-items{overflow-anchor:none}.user-profile-page{background:linear-gradient(180deg,var(--color-bg-light) 0,#fffc 50%,var(--color-bg-light) 100%);min-height:100vh;overflow-x:hidden;padding-block:clamp(var(--spacing-xl),5vw,var(--spacing-xxxl));position:relative}.user-profile-page:before{background:linear-gradient(135deg,#3b82f608,#0ea5e905);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.profile-container{margin:0 auto;max-width:1400px;padding-inline:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));position:relative;z-index:1}.breadcrumb{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:clamp(var(--spacing-xl),4vw,var(--spacing-xxl));padding:var(--spacing-sm) 0}.breadcrumb a{align-items:center;background:#0000;border-radius:var(--border-radius-md);color:var(--color-text-tertiary);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.breadcrumb a:before{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:var(--spacing-md);position:absolute;right:var(--spacing-md);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.breadcrumb a:hover{color:var(--color-primary);transform:translateX(-2px)}.breadcrumb a:hover:before{transform:scaleX(1)}.breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm);opacity:.6}.profile-content{grid-gap:clamp(var(--spacing-xl),5vw,var(--spacing-xxxl));align-items:start;animation:fadeInUp .6s ease-out;display:grid;gap:clamp(var(--spacing-xl),5vw,var(--spacing-xxxl))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.profile-content{grid-template-columns:300px 1fr}}@media (min-width:1280px){.profile-content{grid-template-columns:340px 1fr}}@media (min-width:1536px){.profile-content{grid-template-columns:380px 1fr}}.profile-sidebar{background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0f172a14,0 2px 8px #0f172a0a;overflow:hidden;position:-webkit-sticky;position:sticky;top:clamp(80px,10vh,120px);transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-sidebar:hover{box-shadow:0 12px 48px #0f172a1f,0 4px 16px #0f172a0f;transform:translateY(-2px)}.user-avatar-section{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-accent-light) 100%);overflow:hidden;padding:clamp(var(--spacing-xl),4vw,var(--spacing-xxl)) clamp(var(--spacing-md),3vw,var(--spacing-lg));position:relative;text-align:center}.user-avatar-section:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);height:200px;right:-20%;top:-50%;width:200px}.user-avatar-section:after,.user-avatar-section:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.user-avatar-section:after{background:radial-gradient(circle,#0ea5e914 0,#0000 70%);bottom:-30%;height:150px;left:-10%;width:150px}.user-avatar{align-items:center;background:var(--color-bg-base);border:3px solid var(--color-bg-base);border-radius:var(--border-radius-circle);box-shadow:0 4px 16px #3b82f633,0 0 0 4px #3b82f61a;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-md);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:80px;z-index:2}.user-avatar:hover{box-shadow:0 6px 24px #3b82f64d,0 0 0 4px #3b82f626;transform:scale(1.05)}.avatar-icon{align-items:center;color:var(--color-primary);display:flex;justify-content:center}.username{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em;margin-top:var(--spacing-xs);position:relative;z-index:2}.profile-nav{background:var(--color-bg-base);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl)}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:before{background:var(--gradient-primary);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s cubic-bezier(.4,0,.2,1);width:4px}.nav-item:hover{background:var(--color-primary-light);color:var(--color-primary);padding-left:calc(var(--spacing-lg) + 4px);transform:translateX(4px)}.nav-item:hover:before{height:60%}.nav-item.active{background:linear-gradient(90deg,var(--color-primary-light) 0,#3b82f60d 100%);box-shadow:inset 0 0 0 1px #3b82f61a;color:var(--color-primary);font-weight:700;padding-left:calc(var(--spacing-lg) + 4px)}.nav-item.active:before{background:var(--gradient-primary);height:80%}.nav-item.logout{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-lg)}.nav-item.logout:hover{background:#ef444414;color:var(--color-error);transform:translateX(4px)}.nav-item.logout.active{background:#ef44441a;color:var(--color-error)}.profile-main{animation:slideInRight .6s ease-out .1s both;background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xl);box-shadow:0 12px 48px #0f172a14,0 4px 16px #0f172a0a,inset 0 1px 0 #ffffffe6;max-height:calc(100vh - 200px);overflow-y:auto;padding:clamp(var(--spacing-xxl),6vw,var(--spacing-xxxl)) clamp(var(--spacing-xl),5vw,var(--spacing-xxxl));position:relative;scrollbar-color:#3b82f64d var(--color-bg-subtle);scrollbar-width:thin;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.profile-main:before{background:var(--gradient-primary);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;content:"";height:4px;left:0;opacity:.6;position:absolute;right:0;top:0}.profile-main::-webkit-scrollbar{width:6px}.profile-main::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:var(--border-radius-full)}.profile-main::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:var(--border-radius-full);-webkit-transition:background var(--transition-normal) ease;transition:background var(--transition-normal) ease}.profile-main::-webkit-scrollbar-thumb:hover{background:#3b82f680}.profile-edit,.profile-info{display:flex;flex-direction:column;gap:clamp(var(--spacing-xl),4vw,var(--spacing-xxl))}.profile-title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);background-size:200% 100%;border-bottom:3px solid #0000;color:var(--color-text-primary);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-lg);position:relative}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.profile-title:after{background:var(--gradient-primary);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.profile-title-plain{-webkit-text-fill-color:var(--color-text-primary);background-image:none;border:0;color:var(--color-text-primary);padding-bottom:var(--spacing-md)}.profile-title-plain:after{display:none}.info-list{grid-gap:var(--spacing-md);background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:grid;gap:var(--spacing-md);padding:var(--spacing-md)}.info-list-plain{background:#0000;border:none;gap:var(--spacing-md);padding:var(--spacing-md) 0}.info-item{grid-gap:var(--spacing-xl);align-items:center;background:linear-gradient(135deg,var(--color-bg-base) 0,#f8fafccc 100%);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);display:grid;gap:var(--spacing-xl);grid-template-columns:160px 1fr;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-item:before{background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.4,0,.2,1);width:4px}.info-item:hover{background:linear-gradient(135deg,var(--color-bg-base) 0,var(--color-primary-light) 100%);border-color:var(--color-primary-light);box-shadow:0 8px 24px #3b82f61f,0 2px 8px #3b82f614;transform:translateX(8px) translateY(-2px)}.info-item:hover:before{opacity:1;transform:scaleY(1)}.info-item:last-child{margin-bottom:0}.info-item:first-child{animation-delay:.1s}.info-item:nth-child(2){animation-delay:.15s}.info-item:nth-child(3){animation-delay:.2s}.info-item:nth-child(4){animation-delay:.25s}.info-item:nth-child(5){animation-delay:.3s}.info-item:nth-child(6){animation-delay:.35s}.info-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);font-weight:700;letter-spacing:.01em;padding-left:var(--spacing-md);position:relative}.info-label:after{color:var(--color-text-tertiary);content:":";font-weight:400;margin-left:2px}.info-value{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-md);line-height:1.6;max-width:100%;overflow-wrap:break-word;word-break:break-word}.info-align-right,.info-value{padding-left:var(--spacing-md)}.info-align-right{flex-wrap:wrap;justify-content:flex-end;justify-self:end;padding-right:var(--spacing-lg);text-align:right}.upgrade-inline-link{align-items:center;background:var(--color-primary-light);border-radius:var(--border-radius-md);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:700;margin-left:var(--spacing-md);overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-inline-link:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.upgrade-inline-link span{color:var(--color-primary);position:relative;transition:color .3s ease;z-index:1}.upgrade-inline-link:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.upgrade-inline-link:hover:before{left:0}.upgrade-inline-link:hover span{color:var(--color-text-inverse)}.info-vip-status{align-items:center;display:flex;gap:var(--spacing-sm)}.upgrade-btn{background:var(--gradient-warning);border:none;border-radius:var(--border-radius-full);box-shadow:var(--shadow-md);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:6px 16px;transition:all var(--transition-normal) ease}.upgrade-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm)}.btn-action{border:none;font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-normal) ease}.btn-primary{background:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.profile-anchor{display:block;height:0}.profile-error,.profile-loading{border-radius:var(--border-radius-lg);font-size:var(--font-size-md);margin:0 auto;max-width:640px;padding:var(--spacing-2xl);text-align:center}.profile-loading{background:var(--color-bg-primary);border:1px solid var(--color-primary-light);box-shadow:var(--shadow-md);color:var(--color-primary)}.profile-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-light);box-shadow:var(--shadow-md);color:var(--color-danger)}.profile-feedback{align-items:center;border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-md)}.profile-feedback.is-success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.profile-feedback.is-error{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.edit-form{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.form-group-profile{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs)}.form-label-profile{color:#475569;font-size:var(--font-size-sm);font-weight:600}.required{color:var(--color-danger);margin-right:var(--spacing-xs)}.form-input-profile{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal) ease}.form-input-profile:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input-profile:disabled{background:var(--color-bg-subtle);border-color:var(--color-border-light);color:var(--color-text-disabled);cursor:not-allowed}.form-hint{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.divider{background:var(--color-border-light);height:1px;margin:var(--spacing-md) 0}.form-actions-profile{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm)}.btn-reset-profile,.btn-submit-profile{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-normal) ease}.btn-submit-profile{background:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-submit-profile:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit-profile:active:not(:disabled){transform:translateY(0)}.btn-submit-profile:disabled{background:var(--color-text-disabled);box-shadow:none;cursor:not-allowed;opacity:.6}.btn-reset-profile{background:var(--color-bg-base);border:1px solid var(--color-border);color:#475569}.btn-reset-profile:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text-primary)}.btn-reset-profile:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.profile-sidebar{position:static}.profile-main{max-height:none}.profile-content{gap:var(--spacing-xl);grid-template-columns:1fr}}@media (max-width:768px){.user-profile-page{padding-block:var(--spacing-xl) var(--spacing-lg)}.user-profile-page:before{height:200px}.breadcrumb{flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.profile-sidebar{border-radius:var(--border-radius-lg)}.user-avatar{height:70px;width:70px}.info-item{gap:var(--spacing-sm);grid-template-columns:1fr;padding:var(--spacing-md) var(--spacing-lg)}.info-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);padding-left:0}.info-label:after{display:none}.info-value{font-size:var(--font-size-base);padding-left:0;padding-right:0}.info-align-right{justify-self:start;padding-right:0;text-align:left}.profile-main{border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-lg)}.profile-title{font-size:1.5rem}.form-actions-profile,.profile-actions{flex-direction:column}.btn-action,.btn-reset-profile,.btn-submit-profile{width:100%}}@media (max-width:480px){.profile-container{padding-inline:var(--spacing-md)}.profile-main{padding:var(--spacing-lg) var(--spacing-md)}.profile-title{font-size:1.375rem}.user-avatar{height:60px;width:60px}.username{font-size:var(--font-size-base)}.nav-item{font-size:var(--font-size-xs)}.info-item,.nav-item{padding:var(--spacing-sm) var(--spacing-md)}}.label-list-container{padding:0;width:100%}.label-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.label-list-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.btn-create-label,.btn-refresh{align-items:center;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:#475569;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease}.btn-refresh:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-create-label{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-create-label:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.label-list-error{background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--border-radius-md);color:var(--color-error);padding:var(--spacing-lg);text-align:center}.label-list-error p{margin:0 0 var(--spacing-sm) 0}.btn-retry{background:var(--color-error);border:none;border-radius:var(--border-radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);padding:6px 16px;transition:background var(--transition-fast) ease}.btn-retry:hover{background:var(--color-error-dark)}.label-list-loading{color:#64748b;padding:var(--spacing-2xl);text-align:center}.label-list-empty{color:#64748b;padding:64px 24px;text-align:center}.label-list-empty p{font-size:var(--font-size-md);margin:var(--spacing-md) 0 var(--spacing-lg)}.btn-create-label-primary{background:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-fast) ease}.btn-create-label-primary:hover{background:var(--color-primary-dark)}.label-list-content{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.label-list-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.label-list-table thead{background:var(--color-bg-light);border-bottom:1px solid var(--color-border)}.label-list-table th{color:#475569;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md);text-align:left}.label-list-table td{border-bottom:1px solid var(--color-border-light);color:#475569;padding:var(--spacing-md)}.label-list-table tbody tr:hover{background:var(--color-bg-light)}.label-list-table tbody tr:last-child td{border-bottom:none}.label-name-cell{max-width:300px}.label-name{color:var(--color-text-primary);display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-time-cell{color:#64748b;font-size:var(--font-size-xs)}.label-status-cell,.label-time-cell{white-space:nowrap}.label-status{border-radius:var(--border-radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:4px 12px}.label-status-draft{background:var(--color-warning-bg);border:1px solid var(--color-warning-light);color:var(--color-warning)}.label-status-published{background:var(--color-success-bg);border:1px solid var(--color-success-light);color:var(--color-success)}.label-actions-cell{white-space:nowrap}.label-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.btn-action{align-items:center;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:#475569;cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);gap:4px;padding:6px 12px;transition:all var(--transition-fast) ease}.btn-action:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-border-hover)}.btn-action:disabled{cursor:not-allowed;opacity:.6}.btn-preview{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-primary)}.btn-preview:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f64d;color:var(--color-text-inverse);transform:translateY(-1px)}.btn-edit{background:var(--color-success-light);border-color:var(--color-success-light);color:var(--color-success)}.btn-edit:hover:not(:disabled){background:var(--color-success);border-color:var(--color-success);box-shadow:0 2px 8px #52c41a4d;color:var(--color-text-inverse);transform:translateY(-1px)}.btn-view,.btn-view-qrcode{border-color:var(--color-primary-light);color:#2563eb}.btn-view-qrcode:hover:not(:disabled),.btn-view:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:#1d4ed8}.btn-delete{border-color:var(--color-error-light);color:var(--color-error)}.btn-delete:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error-dark)}.label-list-pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.btn-page{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:#475569;cursor:pointer;font-size:var(--font-size-sm);padding:8px 16px;transition:all var(--transition-fast) ease}.btn-page:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-page:disabled{cursor:not-allowed;opacity:.6}.pagination-info{color:#64748b;font-size:var(--font-size-sm)}@media (max-width:768px){.label-list-header{align-items:flex-start;flex-direction:column}.label-list-actions{justify-content:flex-end;width:100%}.label-list-table{font-size:var(--font-size-xs)}.label-list-table td,.label-list-table th{padding:var(--spacing-sm)}.label-name-cell{max-width:150px}.label-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.btn-action{font-size:var(--font-size-xs);justify-content:center;min-width:80px;padding:4px 8px;width:auto}.label-list-pagination{flex-direction:column;gap:var(--spacing-sm)}.pagination-info{order:-1}}.qrcode-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:10000}.qrcode-modal-content{background:var(--color-bg-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-lg);position:relative;width:100%}.qrcode-modal-close{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:color var(--transition-fast) ease}.qrcode-modal-close:hover,.qrcode-modal-title{color:var(--color-text-primary)}.qrcode-modal-title{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-xs) 0;text-align:center}.qrcode-modal-subtitle{color:#64748b;font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0;text-align:center}.qrcode-modal-body{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.qrcode-display{align-items:center;background:var(--color-bg-light);border-radius:var(--border-radius-md);display:flex;justify-content:center;padding:var(--spacing-md)}.qrcode-display img{display:block}.qrcode-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-qrcode-download{align-items:center;background:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);justify-content:center;padding:10px 20px;text-decoration:none;transition:background var(--transition-fast) ease}.btn-qrcode-download:hover{background:var(--color-primary-dark)}.qrcode-modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.btn-qrcode-close{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:#475569;cursor:pointer;font-size:var(--font-size-sm);padding:8px 24px;transition:all var(--transition-fast) ease}.btn-qrcode-close:hover{background:var(--color-bg-subtle);border-color:var(--color-border-hover);color:var(--color-text-primary)}@media (max-width:768px){.qrcode-modal-content{margin:20px;padding:20px}.qrcode-modal-title{font-size:18px}.qrcode-display{padding:12px}.btn-qrcode-download,.qrcode-actions{width:100%}}.label-skeleton{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:800px;overflow:hidden;width:100%}@keyframes skeleton-shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-shimmer{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100px}.skeleton-header{align-items:center;background:linear-gradient(135deg,#e8e8e8,#d8d8d8);display:flex;justify-content:center;padding:24px 20px}.skeleton-title{background:#ffffff80;border-radius:6px;height:32px;width:200px}.skeleton-content{display:flex;flex-direction:column;gap:16px;padding:20px}.skeleton-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:16px}.skeleton-image{border-radius:12px;height:300px;width:100%}.skeleton-image.skeleton-shimmer{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100px}.skeleton-text-block{display:flex;flex-direction:column;gap:12px}.skeleton-text{background:#f0f0f0;border-radius:4px;height:16px}.skeleton-text.skeleton-shimmer{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100px}.skeleton-text-title{height:20px;margin-bottom:8px;width:40%}.skeleton-text-line{width:100%}.skeleton-text-line.short{width:60%}.skeleton-table{display:flex;flex-direction:column;gap:12px}.skeleton-table-rows{display:flex;flex-direction:column;gap:8px}.skeleton-table-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.skeleton-table-row .skeleton-text{flex:1 1}.skeleton-table-row .skeleton-text.short{flex:0 0 80px}.skeleton-buttons{display:flex;flex-wrap:wrap;gap:12px}.skeleton-button{background:#f0f0f0;border-radius:8px;height:40px;width:120px}.skeleton-button.skeleton-shimmer{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100px}.skeleton-footer{align-items:center;background:#f8f8f8;display:flex;justify-content:center;padding:16px 20px}.skeleton-footer .skeleton-text{width:200px}@media (max-width:768px){.skeleton-image{height:200px}.skeleton-header{padding:16px}.skeleton-title{height:24px;width:150px}.skeleton-content{gap:12px;padding:12px}.skeleton-item{padding:12px}}.skeleton-button,.skeleton-item,.skeleton-text{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100px}
/*# sourceMappingURL=main.499473ad.css.map*/