:root{--primary-color:#0fdc78;--primary-color-hover:#2ce88a;--primary-color-active:#0cc56a;--primary-color-disabled:#7aedb3;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-elevated:#242424;--bg-overlay:#000000d9;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-disabled:#666;--text-inverse:#000;--border-color:#333;--border-color-light:#242424;--border-color-dark:#404040;--border-color-primary:#0fdc78;--success-color:#0fdc78;--warning-color:#ffab00;--error-color:#ff4d4f;--info-color:#0fdc78;--gradient-primary:linear-gradient(135deg,#0fdc78 0%,#0cc56a 100%);--gradient-dark:linear-gradient(180deg,#000 0%,#1a1a1a 100%);--gradient-card:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 100%);--font-family:"HarmonyOS Sans SC","Alibaba PuHuiTi";--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:20px;--font-size-xxxl:24px;--font-size-hero:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.02em;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--component-padding-x:16px;--component-padding-y:8px;--component-margin:16px;--component-gap:8px;--page-padding:32px;--page-margin:24px;--section-padding:48px;--section-margin:32px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-xxl:16px;--radius-full:9999px;--button-radius:6px;--input-radius:6px;--card-radius:8px;--modal-radius:12px;--tag-radius:4px;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--header-height:60px;--max-width:1440px;--canvas-toolbar-bg:#1f1f1f;--canvas-toolbar-height:48px;--canvas-border-color:#303030;--canvas-menu-bg:#262626;--canvas-text-primary:#ffffffd9;--canvas-text-secondary:#ffffffa6;--canvas-text-muted:#ffffff73;--canvas-text-dim:#ffffff59;--canvas-btn-hover-bg:#ffffff1a;--canvas-mode-toggle-bg:#ffffff0f;--canvas-input-bg:#1a1a1a;--dialog-bg:#1c1c1c;--dialog-overlay-bg:#0009;--dialog-kbd-bg:#3a3a3a;--dialog-section-title-color:#ffffff73;--dialog-text-color:#ffffffd9;--dialog-btn-border-color:#444}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@media (max-width:1024px){:root{--page-padding:24px}}@media (max-width:768px){:root{--page-padding:16px;--spacing-xxxl:48px;--spacing-xxl:32px;--spacing-xl:24px}}@media (max-width:480px){:root{--page-padding:12px;--spacing-xxxl:36px;--spacing-xxl:24px;--spacing-xl:20px;--font-size-hero:28px}}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:y mandatory;overflow-y:scroll}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-color-hover)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);padding:0 var(--page-padding);margin:0 auto}.main{min-height:100vh}.main__container{max-width:var(--max-width);padding:var(--page-padding);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-around{justify-content:space-around;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-column-center{flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fade-in{animation:.3s fadeIn}.slide-up{animation:.3s slideUp}
.btn-primary{padding:var(--component-padding-y)var(--component-padding-x);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-inverse);background:var(--primary-color);border-radius:var(--button-radius);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-color-hover)}.btn-primary:active{background:var(--primary-color-active)}.btn-primary:disabled{background:var(--primary-color-disabled);cursor:not-allowed}.btn-secondary{padding:var(--component-padding-y)var(--component-padding-x);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--button-radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary:active{background:var(--bg-tertiary)}.btn-text{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;transition:all .15s;display:inline-flex}.btn-text:hover{color:var(--primary-color-hover);text-decoration:underline}.card-base{background:var(--gradient-card);border:1px solid var(--border-color-light);border-radius:var(--card-radius);transition:all .2s}.card-base:hover{border-color:var(--border-color-primary)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--card-radius);background:#1a1a1a99;border:1px solid #ffffff1a}.card-glow{background:var(--gradient-card);border:1px solid var(--border-color-light);border-radius:var(--card-radius);transition:all .2s}.card-glow:hover{border-color:var(--primary-color)}.text-hero{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-h1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.text-h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.text-h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}.text-body{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:var(--line-height-normal)}.text-body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:var(--line-height-normal)}.text-accent{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ant-select,.ant-picker{--ant-control-outline-width:0!important;--ant-select-active-outline-color:transparent!important}.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector,.ant-select-focused .ant-select-selector,.ant-select-open .ant-select-selector,.ant-picker,.ant-picker-focused{box-shadow:none!important}.ant-select-dropdown{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.ant-select-item{color:var(--text-secondary)!important;background:0 0!important}.ant-select-item-option-active,.ant-select-item-option:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.ant-select-item-option-selected{background:var(--bg-tertiary)!important;color:var(--primary-color)!important;font-weight:var(--font-weight-medium)!important}.ant-select-item-option-selected .ant-select-item-option-state{color:var(--primary-color)!important}.ant-picker-dropdown{background:0 0!important}.ant-picker-panel-container{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.ant-picker-header{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.ant-picker-header button{color:var(--text-secondary)!important}.ant-picker-header button:hover{color:var(--primary-color)!important}.ant-picker-content th{color:var(--text-tertiary)!important}.ant-picker-cell{color:var(--text-secondary)!important}.ant-picker-cell:hover .ant-picker-cell-inner{background:var(--bg-tertiary)!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--primary-color)!important;color:var(--text-inverse)!important}.ant-picker-cell-in-range:before{background:var(--bg-tertiary)!important}.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-range-end .ant-picker-cell-inner{background:var(--primary-color)!important;color:var(--text-inverse)!important}.ant-picker-footer{border-top:1px solid var(--border-color)!important}.ant-picker-today-btn{color:var(--primary-color)!important}.ant-modal-content{border:1px solid var(--border-color)!important;border-radius:var(--modal-radius)!important}.video-modal__container,.modal-container,[class*=modal][class*=container],[class*=dialog][class*=container],[class*=popup][class*=container]{border:1px solid var(--border-color)!important}