/*! * OverlayScrollbars * Version: 2.15.1 * * Copyright (c) Rene Haas | KingSora. * https://github.com/KingSora * * Released under the MIT license. */ .os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}:root{color:#14213d;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--h5-safe-bottom:env(safe-area-inset-bottom,0px);--h5-safe-top:env(safe-area-inset-top,0px);--h5-border:#14213d14;--h5-card-shadow:0 18px 42px #14213d14;--h5-card-shadow-light:0 10px 24px #14213d0f;--h5-accent:#ff9f1c;--h5-accent-strong:#ff7b00;--h5-tab-text:#14213d8a;--h5-surface:#ffffffc7;--h5-surface-strong:#fffffff0;--h5-page-max-width:640px;--h5-navbar-height:56px;background:radial-gradient(circle at top,#ffd66661,#0000 28%),linear-gradient(#fffaf0 0%,#f4f7fb 42%,#edf2f8 100%);font-family:SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body,button,input,textarea{font:inherit}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}#root{min-height:100%}.h5-page{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.h5-page--scroll-frame{height:auto;min-height:100%}.h5-page__sticky-top{z-index:20;padding-top:var(--h5-safe-top);-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);background-color:color-mix(in srgb, var(--h5-surface) 72%, transparent);border-bottom:1px solid #0000;flex:none;transition:background-color .24s,border-color .24s,box-shadow .24s;position:sticky;top:0;box-shadow:0 0 #0000}.h5-page__sticky-top--scrolled{background-color:color-mix(in srgb, var(--h5-surface-strong) 82%, transparent);border-bottom-color:var(--h5-border);box-shadow:0 10px 30px #14213d14}.h5-page__body{flex:1;width:100%;min-width:0;min-height:0}.h5-page__body--scroll-frame{height:100%}.h5-page__body-inner{width:100%;max-width:var(--h5-page-max-width);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;margin:0 auto;display:flex}.h5-page__body-inner--scroll-frame{flex:none;height:auto;min-height:100%}.h5-page__header-shell{z-index:20;flex:none;justify-content:center;width:100%;display:flex;position:absolute;inset:0 0 auto}.h5-page__header-inner{width:100%;max-width:var(--h5-page-max-width);padding-top:var(--h5-safe-top);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom:1px solid #0000;transition:-webkit-backdrop-filter .24s,backdrop-filter .24s,background-color .24s,border-color .24s,box-shadow .24s;box-shadow:0 0 #0000}.h5-page__header-inner--scrolled{-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);background-color:color-mix(in srgb, var(--h5-surface-strong) 82%, transparent);border-bottom-color:var(--h5-border);box-shadow:0 10px 30px #14213d14}.h5-page__footer-shell{z-index:20;pointer-events:none;flex:none;justify-content:center;width:100%;display:flex;position:fixed;inset:auto 0 0}.h5-page__footer-inner{width:100%;max-width:var(--h5-page-max-width);pointer-events:auto}.h5-page__header-spacer{height:calc(var(--h5-navbar-height) + var(--h5-safe-top));flex:none}.h5-page--single{position:relative}.h5-page__sticky-inner,.h5-tabbar-shell__inner{width:100%;max-width:var(--h5-page-max-width)}.h5-page__sticky-inner{margin:0 auto}.h5-tabbar-shell{justify-content:center;width:100%;display:flex}.h5-navbar{height:var(--h5-navbar-height);grid-template-columns:72px 1fr 72px;align-items:center;padding:0 16px;display:grid}.h5-navbar__title{text-align:center;letter-spacing:.02em;font-size:18px;font-weight:700}.h5-navbar__side{align-items:center;min-width:0;display:flex}.h5-navbar__side--right{justify-content:flex-end}.h5-top-tabs{align-items:center;gap:8px;padding:0 16px 14px;display:flex;overflow-x:auto}.h5-top-tabs__item{height:38px;color:var(--h5-tab-text);background:#ffffff8c;border-radius:999px;flex:none;padding:0 16px;font-weight:600;transition:color .2s,background-color .2s,transform .2s}.h5-top-tabs__item--active{color:#101828;background:linear-gradient(135deg,#ffd166 0%,#ffb347 100%);transform:translateY(-1px)}.h5-tabbar{padding:10px 12px calc(10px + var(--h5-safe-bottom));background:color-mix(in srgb, var(--h5-surface-strong) 94%, transparent);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);border-top:1px solid var(--h5-border);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.h5-tabbar__item{min-height:52px;color:var(--h5-tab-text);background:#ffffff8c;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background-color .2s,color .2s,transform .2s;display:flex}.h5-tabbar__icon{flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.h5-tabbar__icon>img,.h5-tabbar__icon>svg{width:24px;height:24px;display:block}.h5-pane{width:100%;height:100%;min-height:0}.h5-pane--active{display:flex}.h5-pane--hidden{display:none}.h5-scroll-viewport,.h5-scroll-viewport .os-host,.h5-scroll-viewport__content{width:100%;height:100%;min-height:0}.h5-scroll-viewport--native{-webkit-overflow-scrolling:touch;overflow:auto}.h5-scroll-viewport__content{min-height:100%}.h5-demo-list{padding:16px 16px calc(32px + var(--h5-safe-bottom));gap:16px;display:grid}.h5-demo-hero{box-shadow:var(--h5-card-shadow);background:linear-gradient(135deg,#ffd166e0,#ffffffeb),#fff;border:1px solid #ffffffc2;border-radius:28px;padding:24px 20px}.h5-demo-hero__eyebrow,.h5-auth-card__eyebrow{color:#10182894;letter-spacing:.16em;font-size:12px;font-weight:800}.h5-demo-hero__title,.h5-auth-card__title{margin:8px 0 0;font-size:28px;line-height:1.15}.h5-demo-hero__description,.h5-auth-card__description{color:#101828b8;margin:12px 0 0;font-size:15px}.h5-demo-card,.h5-auth-card{background:var(--h5-surface-strong);box-shadow:var(--h5-card-shadow-light);border:1px solid #ffffffb8;border-radius:24px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:18px;display:grid}.h5-auth-card{grid-template-columns:1fr;margin:16px;padding:24px}.h5-demo-card__index{min-width:44px;height:44px;color:var(--h5-accent-strong);background:#ff9f1c1f;border-radius:14px;justify-content:center;align-items:center;font-weight:800;display:flex}.h5-demo-card__title{margin:0;font-size:17px}.h5-demo-card__description{color:#101828ad;margin:6px 0 0;font-size:14px}.h5-feedback{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.h5-feedback--empty{background:0 0;flex:1;width:100%;min-height:100%}.h5-feedback__spinner{border:3px solid #ff9f1c38;border-top-color:var(--h5-accent-strong);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite h5-spin}.h5-feedback__icon{width:44px;height:44px;color:var(--h5-accent-strong);background:#ff9f1c1f;border-radius:14px;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}.h5-feedback__icon--image{background:0 0;border-radius:0;width:160px;height:160px}.h5-feedback__icon-image{width:100%;height:auto;display:block}.h5-feedback__title{margin-top:16px;font-size:20px;font-weight:700}.h5-feedback__text{color:#101828a3;margin-top:8px;font-size:14px}.h5-feedback__action{color:#101828;background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);border-radius:999px;min-width:132px;height:44px;margin-top:20px;padding:0 20px;font-weight:700;box-shadow:0 10px 20px #ff9f1c2e}.h5-load-more{min-height:56px;padding:16px 20px calc(16px + var(--h5-safe-bottom));color:#10182885;justify-content:center;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.h5-load-more--error{color:#ef5663;width:100%}.h5-load-more__spinner{border:2px solid #ff9f1c29;border-top-color:var(--h5-accent-strong);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite h5-spin}.h5-primary-button{color:#101828;background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);border-radius:16px;width:100%;height:48px;margin-top:20px;font-weight:800;box-shadow:0 12px 24px #ff9f1c3d}@keyframes h5-spin{to{transform:rotate(360deg)}}:root{--dichong-h5-header-content-gap:8px}.dichong-pane{padding:16px 16px calc(28px + var(--h5-safe-bottom));background:radial-gradient(circle at 100% 0,#ffd66638,#0000 24%),linear-gradient(#f5f7fb 0%,#eef1f6 100%);gap:14px;display:grid}.home,.channel,.mine{--channel-header-shell-height:calc(var(--h5-navbar-height) + var(--h5-safe-top));--channel-hero-height:280px;--channel-hero-padding-top:calc(var(--channel-header-shell-height));--channel-hero-padding-bottom:12px;--channel-hero-content-gap:12px;--channel-hero-follow-gap:12px;--channel-hero-panel-bg:#fffffff0;--channel-hero-panel-border:#ffffff57;--channel-hero-ornament-soft:#ffffff1f;--channel-hero-ornament-strong:#ffffff2e;--channel-card-radius:18px;--channel-card-radius-sm:14px;--channel-card-bg:#fff;--channel-card-border:#1018280a;--channel-card-shadow:0 1px 2px #11182705, 0 6px 16px #1118270a}.home{min-height:100%;padding:0 12px calc(12px + var(--h5-safe-bottom));background:#f2f2f2;position:relative}.home-tab-hero{margin:0 calc(var(--home-tab-hero-side-padding) * -1);padding:var(--home-tab-hero-top-padding) var(--home-tab-hero-side-padding) var(--home-tab-hero-bottom-padding);min-height:var(--home-tab-hero-min-height,auto);background:linear-gradient(#30929d 21.25%,#30929d00 100%)}.home__hero,.channel__hero,.mine__hero{pointer-events:none;z-index:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.hero-top-spacer{z-index:1;height:var(--channel-hero-padding-top);position:relative}.home>:not(.home__hero),.channel--product>:not(.channel__hero),.channel--academy>:not(.channel__hero),.channel--mine>:not(.mine__hero){z-index:1;position:relative}.channel--product .channel__hero:before,.channel--product .channel__hero:after,.mine__hero:before,.mine__hero:after{content:"";pointer-events:none;position:absolute}.channel--product .channel__hero:before{background:radial-gradient(circle at 88% 18%, var(--channel-hero-ornament-strong), transparent 18%), linear-gradient(180deg, #6ebfc92e 0%, #6ebfc900 54%);z-index:0;inset:0}.channel--product .channel__hero:after{background:radial-gradient(circle, var(--channel-hero-ornament-soft) 0%, #fff0 72%);z-index:0;border-radius:50%;width:132px;height:72px;bottom:28px;left:-28px}.mine__hero:before{background:radial-gradient(circle, var(--channel-hero-ornament-strong) 0%, #fff0 72%);z-index:0;border-radius:36px;width:136px;height:136px;top:18px;right:-24px}.mine__hero:after{background:radial-gradient(circle, var(--channel-hero-ornament-soft) 0%, #fff0 72%);z-index:0;border-radius:50%;width:180px;height:120px;bottom:-54px;left:-40px}.home-tabs-page-shell,.home-tabs-page-shell .h5-page__body,.home-tabs-page-shell .h5-page__body-inner,.home-tabs-page-shell .h5-scroll-viewport__content{background:#f2f2f2;overflow-x:hidden}.home-tabs-page-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame{width:100%;max-width:var(--h5-page-max-width);margin:0 auto}.productcenter-shell--empty,.productcenter-shell--empty .h5-page__body,.productcenter-shell--empty .h5-page__body-inner,.productcenter-shell--empty .h5-scroll-viewport__content{background:#f2f2f2}.productcenter-shell--empty .h5-page__body-inner.h5-page__body-inner--scroll-frame{position:relative;overflow:hidden}.productcenter-shell--empty .h5-page__body-inner.h5-page__body-inner--scroll-frame:before{content:"";pointer-events:none;background:linear-gradient(#30929d 21.25%,#30929d00 100%);height:280px;position:absolute;top:0;left:-12px;right:-12px}.productcenter-shell--empty .h5-page__body-inner.h5-page__body-inner--scroll-frame:after{content:"";pointer-events:none;background:radial-gradient(circle at 88% 18%,#ffffff2e,#0000 18%),radial-gradient(circle at 0 90%,#ffffff1f,#0000 36%);width:100%;height:280px;position:absolute;inset:0 auto auto 0}.home-tabs-page-shell .h5-page__header-inner{--home-navbar-fg:#fff;width:100%;max-width:var(--h5-page-max-width);min-height:calc(var(--h5-navbar-height) + var(--h5-safe-top));-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000;box-shadow:0 0 #0000}.home-tabs-page-shell .h5-page__header-inner.h5-page__header-inner--scrolled{--home-navbar-fg:#101828;-webkit-backdrop-filter:none;backdrop-filter:none;color:#101828;background-color:#fff;border-bottom-color:#1018280f;box-shadow:0 10px 30px #0f172a14}.home-tabs-page-shell .h5-page__header-inner.h5-page__header-inner--scrolled .home__navbar-title{color:var(--home-navbar-fg)}.home-tabs-page-shell .h5-page__header-inner.h5-page__header-inner--scrolled .home__nav-button{color:var(--home-navbar-fg);--fill-0:var(--home-navbar-fg)}.home-tabs-page-shell .h5-page__header-inner.h5-page__header-inner--scrolled .home__nav-button img{filter:brightness(0)saturate()}.home__nav-button{color:var(--home-navbar-fg,#fff);--fill-0:var(--home-navbar-fg,#fff);justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.home__nav-button img{width:18px;height:18px;display:block}.home__nav-button--more img{width:17.5px;height:3.5px}.h5-navbar__side.h5-navbar__side--right [aria-label=更多]{display:none!important}.h5-back-nav-button{color:#4b4b4b;background:0 0;border:0;align-items:center;gap:2px;min-width:44px;height:44px;padding:0;display:inline-flex}.h5-back-nav-button__icon{flex:none;width:16px;height:16px}.h5-back-nav-button__text{font-size:15px;font-weight:500;line-height:22px}.h5-back-nav-button--light{color:#fff}.h5-back-nav-button--light .h5-back-nav-button__icon{filter:brightness(0)invert()}.home__search{cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;height:40px;margin-top:2px;padding:0 14px;display:flex}.home__search-icon{opacity:.78;flex:none;width:18px;height:18px;display:block}.home__search-text{color:#c2c2c2;font-size:13px;line-height:20px}.home__banner{background:#dce7fd;border-radius:18px;height:154px;margin-top:12px;position:relative;overflow:hidden}.home__banner-image{object-fit:cover;width:100%;height:100%;display:block}.home__banner-dots{align-items:center;gap:6px;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.home__banner-dot{background:#fff9;border-radius:50%;width:6px;height:6px}.home__banner-dot--active{background:#fff;border-radius:999px;width:18px}.home__card{border-radius:var(--channel-card-radius);background:var(--channel-card-bg);border:1px solid var(--channel-card-border);box-shadow:var(--channel-card-shadow);margin-top:12px;padding:14px 14px 16px}.home__card--quick-links{padding-bottom:12px}.home__quick-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;display:grid}.home__quick-link{flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.home__quick-icon{width:48px;height:48px;display:block}.home__quick-label{color:#666;text-align:center;white-space:nowrap;font-size:12px;line-height:18px}.home__section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.home__section-title{color:#333;margin:0;font-size:16px;font-weight:600;line-height:24px}.home__section-link{color:#999;white-space:nowrap;align-items:center;gap:4px;font-size:12px;line-height:18px;display:inline-flex}.home__section-link:after{content:"›";font-size:16px;line-height:1}.home__course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home__course-image-wrap{background:#00000014;border-radius:10px;height:94px;position:relative;overflow:hidden}.home__course-image{object-fit:cover;width:100%;height:100%;display:block}.home__course-title{color:#333;margin:6px 0 0;font-size:14px;font-weight:500;line-height:20px}.home__course-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.home__meta-badge{border-radius:999px;justify-content:center;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.home__meta-badge--teal{color:#30929d;background:#30929d33}.home__meta-badge--red{color:#c0192a;background:#c0192a33}.home__meta-badge--orange{color:#e57136;background:#e5713633}.home__course-stats{color:#999;flex-wrap:wrap;gap:8px;margin:4px 0 0;font-size:12px;line-height:18px;display:flex}.home__notice{background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:68px;margin-top:12px;padding:11px 14px 11px 12px;display:flex}.home__notice-brand{align-items:center;gap:8px;display:flex}.home__notice-mark{color:#30929d;min-width:28px;font-size:20px;font-style:italic;font-weight:700;line-height:20px}.home__notice-mark span{display:block}.home__notice-mark span:last-child{color:#333}.home__notice-divider{background:#14213d14;align-self:stretch;width:1px}.home__notice-main{flex:1;min-width:0}.home__notice-title{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:22px;overflow:hidden}.home__notice-date{color:#999;font-size:13px;line-height:20px}.home__notice-count{color:#fff;background:#c0192a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;line-height:16px;display:flex}.home__notice-arrow{border-top:1.5px solid #999;border-right:1.5px solid #999;flex:none;width:6px;height:6px;transform:rotate(45deg)}.home__notice-icon{flex:none;width:40px;height:40px;display:block}.channel{min-height:100%;padding:0 12px calc(12px + var(--h5-safe-bottom));background:#f2f2f2;position:relative}.channel__search{background:#fff;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.channel__search-icon{opacity:.78;width:18px;height:18px;display:block}.channel__search-text{color:#c8c8c8;font-size:13px;line-height:20px}.channel__card{border-radius:var(--channel-card-radius);background:var(--channel-card-bg);border:1px solid var(--channel-card-border);box-shadow:var(--channel-card-shadow);margin-top:12px;padding:14px}.channel__section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.channel__section-title{color:#333;margin:0;font-size:17px;font-weight:600;line-height:24px}.channel__section-link{color:#999;white-space:nowrap;font-size:13px;line-height:20px}.channel__section-link:after{content:" ›"}.product__chips{scrollbar-width:none;gap:8px;margin-top:4px;display:flex;overflow-x:auto}.product__hero-stage,.home__search,.academy__search,.mine__profile,.home__banner,.academy__banner,.mine__stats{z-index:1;position:relative}.mine__stats{margin-top:var(--channel-hero-content-gap)}.product__chips::-webkit-scrollbar{display:none}.product__chip{color:#54a5b0f5;white-space:nowrap;background:#ffffff47;border-radius:999px;flex:none;justify-content:center;align-items:center;height:31px;padding:0 17px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.product__chip--active{color:#55a9b4;background:#fff}.product__grid{margin-top:var(--channel-hero-follow-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.product__grid--loading{opacity:.76}.product__inline-loading{margin-top:var(--channel-hero-follow-gap);color:#23636fc7;align-items:center;gap:8px;margin-bottom:-4px;font-size:13px;line-height:20px;display:inline-flex}.product__inline-loading .h5-load-more__spinner{border-width:2px;width:14px;height:14px}.product__empty-state{margin-top:var(--channel-hero-follow-gap);justify-content:center;align-items:center;min-height:clamp(320px,100vh - 330px,520px);display:flex}.product__empty-state .h5-feedback{width:100%;min-height:100%;padding:0 20px calc(20px + var(--h5-safe-bottom))}.product__empty-state .h5-feedback--empty{flex:none;width:100%;min-height:100%}.product__empty-state .h5-feedback__icon--image{width:160px;height:160px}.product__card{background:var(--channel-card-bg);box-shadow:var(--channel-card-shadow);border:1px solid var(--channel-card-border);border-radius:12px;overflow:hidden}.product__card-image-wrap{background:#d6e6ea;height:110px;overflow:hidden}.product__card-image{object-fit:cover;width:100%;height:100%;display:block}.product__card-title,.product__card-subtitle,.product__card-description{padding:0 8px}.h5-page__body-inner{max-width:none}.h5-scroll-viewport__content{flex-direction:column;align-items:center;display:flex}.h5-scroll-viewport__content>*{width:100%;max-width:var(--h5-page-max-width);min-width:0}.product__card-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:13px;font-weight:500;line-height:18px;overflow:hidden}.product__card-subtitle{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:21px;overflow:hidden}.product__card-description{color:#b0b0b0;white-space:nowrap;text-overflow:ellipsis;padding-bottom:9px;font-size:11px;line-height:16px;overflow:hidden}.academy__search{background:var(--channel-hero-panel-bg);height:38px;box-shadow:inset 0 0 0 1px var(--channel-hero-panel-border);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.academy__search-icon{opacity:.55;flex:none;width:16px;height:16px}.academy__search-text{color:#c7c7c7;font-size:12px;line-height:18px}.academy__banner{height:156px;min-height:140px;margin-top:var(--channel-hero-content-gap);background:radial-gradient(circle at 78% 28%,#ffe08a8c,#0000 28%),radial-gradient(circle at 24% 20%,#fff3,#0000 34%),linear-gradient(118deg,#21c7d7 0%,#64d6cc 42%,#86d6a9 100%);border-radius:18px;padding:16px 18px 26px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.academy__banner-copy{z-index:1;max-width:180px;position:relative}.academy__banner-tag{color:#ffa526;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:46px;height:20px;padding:0 10px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.academy__banner-title{color:#fff;letter-spacing:.02em;margin:10px 0 0;font-size:18px;font-weight:700;line-height:24px}.academy__banner-description{color:#ffffffe0;margin:8px 0 0;font-size:12px;font-weight:500;line-height:18px}.academy__banner-figure{width:112px;height:126px;position:absolute;bottom:0;right:10px}.academy__banner-figure-glow{background:radial-gradient(circle,#ffffff73 0%,#fff0 72%);border-radius:50%;position:absolute;inset:18px 6px 8px}.academy__banner-figure-body{background:radial-gradient(circle at 52% 18%,#ffd7bb 0 16px,#0000 17px),radial-gradient(circle at 52% 26%,#3f444d 0 21px,#0000 22px),linear-gradient(#708aa0 0%,#5f7486 44%,#43606e 100%);border-radius:44px 44px 18px 18px;width:100px;height:122px;position:absolute;bottom:0;right:0;box-shadow:inset 0 -18px 28px #162f3f38,-16px 12px 28px #15606e33}.academy__banner-dots{gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.academy__banner-dot{background:#ffffff8c;border-radius:50%;width:6px;height:6px}.academy__banner-dot--active{background:#fff;border-radius:999px;width:14px}.academy__course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.academy__course-image-wrap{background:#dce7f4;border-radius:10px;height:116px;overflow:hidden}.academy__course-visual{justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:10px;display:flex;position:relative}.academy__course-visual:after{content:"";filter:blur(1px);background:#ffffff57;border-radius:20px;width:62px;height:62px;position:absolute;bottom:-12px;right:-8px}.academy__course-visual--device{background:linear-gradient(135deg,#2f8f98 0%,#63c4bf 100%)}.academy__course-visual--training{background:linear-gradient(135deg,#dfeff3 0%,#eff6fc 52%,#d6eef0 100%)}.academy__course-chip{z-index:1;color:#5f95a0;background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:18px;padding:0 8px;font-size:10px;font-weight:700;line-height:14px;display:inline-flex;position:relative}.academy__course-title{color:#333;margin-top:8px;font-size:14px;font-weight:500;line-height:20px}.academy__course-badges{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.academy__badge{border-radius:999px;justify-content:center;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.academy__badge--teal{color:#30929d;background:#30929d33}.academy__badge--red{color:#c0192a;background:#c0192a2e}.academy__badge--orange{color:#e57136;background:#e571362e}.academy__course-stats{color:#b0b0b0;margin-top:4px;font-size:12px;line-height:18px}.academy__path-header{z-index:2;align-items:flex-start;margin-bottom:10px;position:relative}.academy__path-section{background:linear-gradient(146deg,#30929d33 0%,#30929d00 62.6%);border-radius:16px;padding-top:16px;padding-bottom:14px;position:relative;overflow:hidden;box-shadow:none!important;border:none!important}.academy__path-header-badge{z-index:1;pointer-events:none;width:124px;height:124px;display:block;position:absolute;top:0;right:8px}.academy__path-header-badge-image{object-fit:contain;object-position:top right;opacity:.96;width:100%;height:100%;display:block}.academy__path-list{z-index:2;gap:10px;display:grid;position:relative}.academy__path-card{border-radius:var(--channel-card-radius-sm);min-height:86px;box-shadow:inset 0 0 0 1px var(--channel-card-border);background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.academy__path-title{color:#26a8b8;font-size:18px;font-weight:700;line-height:24px}.academy__path-title--blue{color:#4d83df}.academy__path-description{color:#999;margin-top:8px;font-size:13px;line-height:18px}.academy__path-button{color:#fff;background:#30929d;border-radius:999px;min-width:84px;height:42px;padding:0 20px;font-size:14px;font-weight:700;box-shadow:0 8px 16px #45b3bf29}.academy__path-section .channel__section-title{z-index:2;font-size:18px;font-weight:700;line-height:26px;position:relative}.academy__live-card{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;display:grid}.academy__live-image{object-fit:cover;border-radius:10px;width:98px;height:70px;display:block}.academy__live-title{color:#333;font-size:14px;font-weight:500;line-height:20px}.academy__live-meta,.academy__live-views{color:#999;margin-top:4px;font-size:12px;line-height:16px}.academy__live-status-row{align-items:center;gap:12px;display:flex}.academy__live-status{color:#ff5f4a;align-items:center;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.academy__live-status:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7'%20y='2'%20width='2'%20height='12'%20fill='%23C0192A'/%3e%3crect%20x='11'%20y='8'%20width='2'%20height='6'%20fill='%23C0192A'/%3e%3crect%20x='3'%20y='6'%20width='2'%20height='8'%20fill='%23C0192A'/%3e%3c/svg%3e") 50%/contain no-repeat;width:16px;height:16px;margin-right:4px;display:inline-block}.mine__profile{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;display:grid}.mine__avatar{object-fit:cover;border:2px solid #fffc;border-radius:50%;width:52px;height:52px;display:block}.mine__profile-name-row{align-items:center;gap:6px;display:flex}.mine__profile-name{color:#fff;font-size:16px;font-weight:600;line-height:22px}.mine__profile-tag,.mine__profile-level{color:#fff;background:#ffffff38;border-radius:999px;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:700;line-height:14px;display:inline-flex}.mine__profile-subtitle{color:#ffffffd9;white-space:nowrap;margin-top:4px;font-size:12px;line-height:18px}.mine__guest-login-row{gap:8px;margin-top:12px;display:flex}.mine__guest-login-button{color:#44535a;background:#fffffff0;border:0;border-radius:999px;min-width:88px;height:32px;padding:0 14px;font-size:12px;font-weight:700;line-height:18px}.mine__guest-login-button--ghost{color:#fff;background:#ffffff2e;border:1px solid #ffffff73}.mine__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:10px;padding-top:10px;display:grid}.mine__stats--guest .mine__stat-value{color:#2f3a40a3}.mine__stat{text-align:center;position:relative}.mine__stat-value{color:#2f3a40;letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:24px}.mine__stat-label{color:#2f3a40b8;margin-top:3px;font-size:11px;line-height:15px}.mine__shortcut-card{margin-top:12px;padding:14px 10px 12px}.mine__shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.mine__shortcut-item{flex-direction:column;align-items:center;gap:6px;display:flex}.mine__shortcut-icon{width:48px;height:48px;display:block}.mine__shortcut-label{color:#666;text-align:center;font-size:12px;line-height:18px}.mine__mini-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mine__mini-course-image{object-fit:cover;border-radius:12px;width:100%;height:78px;display:block}.mine__mini-course-title{color:#333;margin-top:6px;font-size:13px;font-weight:500;line-height:20px}.mine__mini-course-badge{color:#30929d;background:#30929d33;border-radius:999px;align-items:center;width:fit-content;margin-top:4px;padding:3px 6px;font-size:10px;display:inline-flex}.mine__certificate-card{border-radius:var(--channel-card-radius-sm);box-shadow:var(--channel-card-shadow);background:linear-gradient(135deg,#dcf6f1 0%,#f1fffd 100%);border:1px solid #26a8b814;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mine__certificate-title{color:#26a8b8;font-size:15px;font-weight:600;line-height:22px}.mine__certificate-date,.mine__download-meta{color:#999;margin-top:4px;font-size:12px;line-height:18px}.mine__certificate-seal{flex:none;width:52px;height:52px;display:block}.mine__download-list,.mine__service-list{display:grid}.mine__download-list{gap:12px}.mine__download-item{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;display:grid}.mine__file-icon{flex:none;width:40px;height:40px;display:block}.mine__download-title{color:#333;font-size:14px;font-weight:500;line-height:20px}.mine__points-card{margin-top:var(--channel-hero-follow-gap);background:linear-gradient(#ffe8d6f2,#fff5f0fa);border-radius:16px;padding:14px;position:relative;overflow:hidden}.mine__points-card--guest{background:linear-gradient(#e3f0fff5,#f4f9fffa)}.mine__points-ornament{pointer-events:none;opacity:.9;width:96px;height:96px;position:absolute;top:-4px;right:-6px}.mine__points-title{color:#b85d35;font-size:15px;font-weight:700;line-height:22px}.mine__points-description{color:#b85d35c7;max-width:calc(100% - 72px);margin-top:8px;font-size:12px;line-height:18px}.mine__points-description--wide{color:#33598edb;max-width:none}.mine__points-actions{gap:8px;margin-top:12px;display:flex}.mine__points-button{border-radius:999px;height:32px;padding:0 12px;font-size:12px;font-weight:700}.mine__points-button--primary{color:#fff;background:#ff8f6b}.mine__points-button--secondary{color:#ff8f6b;background:#ff8f6b24}.mine__service-item{border-bottom:1px solid #1118270d;justify-content:space-between;align-items:center;gap:12px;height:46px;display:flex}.mine__service-item:last-child{border-bottom:0}.mine__service-main{align-items:center;gap:8px;min-width:0;display:inline-flex}.mine__service-icon{flex:none;width:22px;height:22px;display:block}.mine__service-label{color:#333;font-size:14px;line-height:20px}.mine__service-tail{align-items:center;gap:10px;display:flex}.mine__service-detail{color:#999;font-size:12px;line-height:18px}.mine__service-badge{color:#fff;background:#c0192a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;line-height:16px;display:flex}.mine__service-arrow{color:#b0b0b0;font-size:14px}.h5-tabbar-shell{background:0 0}.h5-tabbar-shell__inner{background:#fff;border-radius:24px 24px 0 0;overflow:hidden}.h5-tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-top:1px solid #11182708;gap:0;padding:10px 0 8px}.h5-tabbar__item{color:#999;background:0 0;border-radius:0;gap:2px;min-height:56px}.h5-tabbar__item--active{color:#30929d;background:0 0;transform:none}.h5-tabbar__label{font-size:11px;font-weight:400;line-height:16px}.home-tab-icon{width:24px;height:24px;color:inherit;display:block}.home-tab-icon--active{color:#30929d}.dichong-pane__hero,.dichong-login,.dichong-not-found{background:radial-gradient(circle at 100% 0,#ffc43d59,#0000 32%),linear-gradient(#fffffff5,#fff8ebeb);border-radius:28px;padding:24px 20px;box-shadow:0 18px 42px #14213d14}.dichong-pane__eyebrow,.dichong-login__eyebrow{color:#1018288f;letter-spacing:.16em;font-size:12px;font-weight:800}.dichong-pane__title,.dichong-login__title,.dichong-not-found__title{margin:10px 0 0;font-size:28px;line-height:1.15}.dichong-pane__description,.dichong-login__description,.dichong-not-found__description{color:#101828b8;margin:12px 0 0;font-size:15px}.dichong-pane__hero{position:relative;overflow:hidden}.dichong-pane__hero:after{content:"";background:#ffd16638;border-radius:50%;width:168px;height:168px;position:absolute;top:-48px;right:-48px}.dichong-pane__hero-badge{color:#7c4d00;z-index:1;background:#ffd16647;border-radius:999px;justify-content:center;align-items:center;min-width:56px;height:28px;margin-top:14px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.dichong-pane__hero-actions{z-index:1;gap:10px;margin-top:18px;display:flex;position:relative}.dichong-pane__hero-button{border-radius:14px;height:42px;padding:0 18px;font-size:14px;font-weight:700}.dichong-pane__hero-button--primary{color:#101828;background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);box-shadow:0 12px 24px #ff9f1c2e}.dichong-pane__hero-button--secondary{color:#344054;background:#ffffffd1;border:1px solid #10182814}.dichong-pane__metric-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid;position:relative}.dichong-pane__metric-card{background:#ffffffc2;border:1px solid #1018280a;border-radius:18px;padding:14px 12px}.dichong-pane__metric-value{color:#101828;font-size:24px;font-weight:800;line-height:1}.dichong-pane__metric-label{color:#101828a3;margin-top:8px;font-size:12px;line-height:16px}.dichong-pane__section{gap:12px;display:grid}.dichong-pane__section-header{justify-content:space-between;align-items:center;display:flex}.dichong-pane__section-title{color:#101828;margin:0;font-size:18px;font-weight:700;line-height:24px}.dichong-pane__action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dichong-pane__action-card{text-align:left;background:#fffffff0;border-radius:20px;align-content:start;gap:10px;padding:16px;display:grid;box-shadow:0 10px 24px #14213d0f}.dichong-pane__action-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:inline-flex}.dichong-pane__action-icon--blue{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.dichong-pane__action-icon--teal{background:linear-gradient(135deg,#2dd4bf 0%,#14b8a6 100%)}.dichong-pane__action-icon--orange{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%)}.dichong-pane__action-icon--gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.dichong-pane__action-title{color:#101828;font-size:16px;font-weight:700;line-height:22px}.dichong-pane__action-description{color:#101828ad;font-size:13px;line-height:20px}.dichong-pane__feature-list,.dichong-pane__timeline{gap:12px;display:grid}.dichong-pane__feature-card,.dichong-pane__timeline-item{background:#fffffff0;border-radius:22px;padding:18px;box-shadow:0 12px 24px #14213d0f}.dichong-pane__feature-topline,.dichong-pane__timeline-date{color:#1018287a;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.dichong-pane__feature-title,.dichong-pane__timeline-title{color:#101828;margin:8px 0 0;font-size:17px;font-weight:700;line-height:24px}.dichong-pane__feature-description,.dichong-pane__timeline-description{color:#101828b3;margin:8px 0 0;font-size:14px;line-height:22px}.dichong-pane__timeline-item{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px;display:grid}.dichong-pane__card{background:#fffffff0;border-radius:24px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:18px;display:grid;box-shadow:0 12px 24px #14213d0f}.dichong-pane__badge{color:#101828;background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);border-radius:999px;justify-content:center;align-items:center;min-width:52px;height:38px;font-size:12px;font-weight:800;display:flex}.dichong-pane__card-title{margin:0;font-size:17px}.dichong-pane__card-description{color:#101828ad;margin:6px 0 0;font-size:14px}.dichong-login,.dichong-not-found{margin:16px}.dichong-login__button{color:#101828;background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);border:0;border-radius:16px;width:100%;height:48px;margin-top:22px;font-weight:800;box-shadow:0 12px 24px #ff9f1c3d}.dichong-not-found__code{color:#ff7b00e0;font-size:56px;font-weight:900;line-height:1}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dichong-ink:#101828;--dichong-ink-soft:#101828b8;--dichong-line:#10182814;--dichong-surface:#ffffffeb;--dichong-teal:#30929d;--dichong-gold:#ffb347;--dichong-coral:#ff7a59;--dichong-blue:#4d83df}html,body,#root{min-height:100%}body{color:var(--dichong-ink);background:#f2f2f2;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit}img{max-width:100%}button{border:0}.dichong-media{color:#101828cc;letter-spacing:.02em;text-transform:uppercase;background:radial-gradient(circle at 25% 20%,#ffffff6b,#0000 30%),linear-gradient(135deg,#dbeafe 0%,#d5f4ff 48%,#fce7f3 100%);justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.home__nav-icon,.channel__nav-icon,.channel__search-icon{width:18px;height:18px;display:block}.home__nav-icon,.channel__nav-icon{border-radius:999px}.home__quick-icon{border-radius:16px;width:48px;height:48px;display:block}.home__search-icon{width:18px;height:18px;display:block}.home__notice-icon{border-radius:14px;width:40px;height:40px;display:block}.home__banner-image,.home__course-image,.academy__banner-image,.academy__course-image,.academy__live-image,.product__card-image,.mine__avatar,.mine__mini-course-image{display:block}.academy__live-image{object-fit:cover;border-radius:10px;width:92px;height:70px}.mine__shortcut-icon--teal{color:var(--dichong-teal);background:linear-gradient(135deg,#30929d2e,#30929d47)}.mine__shortcut-icon--blue{color:var(--dichong-blue);background:linear-gradient(135deg,#4d83df29,#4d83df47)}.mine__shortcut-icon--gold{color:#c57700;background:linear-gradient(135deg,#ffb3472e,#ffb34747)}.mine__shortcut-icon--coral{color:#d44b28;background:linear-gradient(135deg,#ff7a592e,#ff7a5947)}.home{background:#f2f2f2}.home__navbar{height:var(--h5-navbar-height);grid-template-columns:44px 1fr 44px;padding:0 12px}.home__navbar-title{color:var(--home-navbar-fg,#fff);justify-content:center;align-items:center;height:44px;font-size:18px;font-weight:600;line-height:1;display:flex;transform:translateY(-1px)}.home__banner{background:linear-gradient(135deg,#d8eef0 0%,#f2f8ff 52%,#e5f3f4 100%);box-shadow:inset 0 0 0 1px #1018280a}.home__card,.home__notice,.channel__card{box-shadow:0 10px 28px #0f172a0f}.home__quick-link,.home__nav-button,.channel__nav-button,.home__card--recommend,.home__notice,.mine__shortcut-item,.mine__service-item,.mine__points-button,.dichong-pane__hero-button,.dichong-login__ghost-button,.dichong-not-found__action,.academy__path-button{cursor:pointer}.channel{background:#f2f2f2}.channel__card,.dichong-pane__hero,.dichong-pane__feature-card,.dichong-pane__timeline-item,.dichong-pane__card,.dichong-login,.dichong-not-found{border:1px solid #1018280a}.dichong-login,.dichong-not-found{background:radial-gradient(circle at 100% 0,#ffb34747,#0000 24%),linear-gradient(#fffffffa 0%,#f5f8fcfa 100%);border-radius:28px;margin:16px;padding:22px;box-shadow:0 18px 42px #0f172a14}.dichong-login__layout{gap:18px;display:grid}.dichong-login__eyebrow{color:#1018288f}.dichong-login__title{margin-top:10px}.dichong-login__feature-list{gap:10px;margin-top:18px;display:grid}.dichong-login__feature-item{color:#101828bd;align-items:center;gap:10px;font-size:13px;line-height:20px;display:flex}.dichong-login__feature-dot{border-radius:999px;flex:none;width:10px;height:10px}.dichong-login__feature-dot--teal{background:var(--dichong-teal)}.dichong-login__feature-dot--gold{background:var(--dichong-gold)}.dichong-login__feature-dot--coral{background:var(--dichong-coral)}.dichong-login__secondary-actions{gap:10px;margin-top:12px;display:flex}.dichong-login__ghost-button,.dichong-not-found__action{min-height:42px;color:var(--dichong-ink);background:#ffffffd1;border:1px solid #10182814;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.dichong-login__panel{gap:14px;display:grid}.dichong-login__art{background:linear-gradient(135deg,#dff5f5 0%,#f3f0ff 50%,#ffe9d7 100%);border-radius:24px;min-height:204px;position:relative;overflow:hidden}.dichong-login__art-orb{filter:blur(.2px);border-radius:50%;position:absolute}.dichong-login__art-orb--primary{background:#30929d52;width:132px;height:132px;top:-20px;right:-24px}.dichong-login__art-orb--secondary{background:#ffb34757;width:92px;height:92px;bottom:20px;left:20px}.dichong-login__art-window{background:#ffffffbd;border:1px solid #1018280d;border-radius:22px;padding:18px;position:absolute;inset:28px 18px 18px;box-shadow:0 16px 32px #0f172a14}.dichong-login__art-window-topline{background:#1018281f;border-radius:999px;width:68px;height:8px}.dichong-login__art-window-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.dichong-login__art-window-grid span{background:linear-gradient(135deg,#30929d1f,#ffffffeb);border:1px solid #1018280d;border-radius:16px;height:56px}.dichong-login__summary-card{background:#ffffffe0;border:1px solid #1018280d;border-radius:20px;padding:16px}.dichong-login__summary-title{color:var(--dichong-ink);font-size:15px;font-weight:700;line-height:22px}.dichong-login__summary-item{color:#101828bd;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:13px;line-height:20px;display:flex}.dichong-login__summary-item strong{color:var(--dichong-ink);font-weight:700}.dichong-login__button{background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);border-radius:16px;width:100%;height:48px;margin-top:20px;box-shadow:0 12px 24px #ff9f1c3d}.dichong-not-found{text-align:center}.dichong-not-found__visual{background:linear-gradient(135deg,#30929d1a,#ffb34729);border-radius:24px;justify-content:center;align-items:center;min-height:180px;display:flex;position:relative;overflow:hidden}.dichong-not-found__orb{border-radius:50%;position:absolute}.dichong-not-found__orb--primary{background:#30929d38;width:120px;height:120px;top:12px;left:12px}.dichong-not-found__orb--secondary{background:#ffb3473d;width:88px;height:88px;bottom:16px;right:14px}.dichong-not-found__code{z-index:1;position:relative}.dichong-not-found__actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.dichong-not-found__action--primary{background:linear-gradient(135deg,#ffd166 0%,#ff9f1c 100%);border-color:#0000}.dichong-login__ghost-button{flex:1}.dichong-figma-index__hero{color:#fff;background:linear-gradient(135deg,#30929df5 0%,#5cbac0f2 58%,#137885f5 100%);border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #30929d2e}.dichong-figma-index__hero:after{content:"";background:#ffffff1f;border-radius:50%;width:140px;height:140px;position:absolute;inset:auto -44px -38px auto}.dichong-figma-index__eyebrow,.dichong-figma__eyebrow{color:#ffffffd6;letter-spacing:.14em;text-transform:uppercase;font-size:11px;line-height:16px}.dichong-figma-index__title,.dichong-figma__title{color:inherit;margin:6px 0 0;font-size:26px;font-weight:700;line-height:32px}.dichong-figma-index__description,.dichong-figma__description{color:#ffffffe0;margin:10px 0 0;font-size:13px;line-height:20px}.dichong-figma-index__hero-metrics,.dichong-figma__stats{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid;position:relative}.dichong-figma-index__hero-metric,.dichong-figma__stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:16px;padding:12px}.dichong-figma-index__hero-metric strong,.dichong-figma__stat-value{color:#fff;font-size:18px;font-weight:700;line-height:24px;display:block}.dichong-figma-index__hero-metric span,.dichong-figma__stat-label{color:#ffffffc7;margin-top:2px;font-size:11px;line-height:16px;display:block}.dichong-figma-index__groups,.dichong-figma{gap:16px;display:grid}.dichong-figma-index__group{gap:10px;display:grid}.dichong-figma-index__group-header,.dichong-figma__section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dichong-figma-index__group-title,.dichong-figma__section-title{color:#16333b;margin:0;font-size:17px;font-weight:700;line-height:24px}.dichong-figma-index__group-count,.dichong-figma__section-hint{color:#7c8e95;white-space:nowrap;font-size:12px;line-height:18px}.dichong-figma-index__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dichong-figma-index__card{background:#ffffffe0;border:1px solid #30929d1a;border-radius:18px;gap:10px;padding:14px;display:grid;box-shadow:0 8px 24px #1226310f}.dichong-figma-index__card-top{justify-content:space-between;gap:10px;display:flex}.dichong-figma-index__card-title{color:#16333b;font-size:15px;font-weight:700;line-height:22px}.dichong-figma-index__card-subtitle{color:#7f8f95;margin-top:4px;font-size:12px;line-height:18px}.dichong-figma-index__card-badge{color:#2f7f89;background:#30929d1f;border-radius:999px;flex:none;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.dichong-figma-index__card-foot{color:#5f7076;justify-content:space-between;align-items:center;font-size:11px;line-height:16px;display:flex}.dichong-figma{padding:16px 16px calc(24px + var(--h5-safe-bottom));background:radial-gradient(circle at 0 0,#30929d24,#0000 26%),radial-gradient(circle at 100% 0,#ffd1661f,#0000 24%),linear-gradient(#f8fbfc 0%,#eef3f7 100%)}.dichong-figma__hero{color:#fff;background:linear-gradient(140deg,#30929df5 0%,#54b0baf2 48%,#15717ff7 100%);border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #30929d29}.dichong-figma__hero:before{content:"";background:#ffffff1a;border-radius:50%;width:110px;height:110px;position:absolute;inset:14px auto auto -36px}.dichong-figma__hero-copy,.dichong-figma__hero-visual{z-index:1;position:relative}.dichong-figma__meta,.dichong-figma__chips,.dichong-figma__actions,.dichong-figma__related{flex-wrap:wrap;gap:8px;display:flex}.dichong-figma__meta{margin-top:14px}.dichong-figma__page-meta,.dichong-figma__meta-chip{color:#fff;background:#ffffff29;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.dichong-figma__action{color:#fff;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.dichong-figma__action--primary{color:#2f7f89;background:#fff}.dichong-figma__hero-visual{justify-content:center;align-items:center;min-height:190px;display:flex}.dichong-figma__hero-orb{opacity:.7;border-radius:50%;position:absolute}.dichong-figma__hero-orb--a{background:#ffffff1f;width:112px;height:112px;top:0;right:12px}.dichong-figma__hero-orb--b{background:#ffd16629;width:74px;height:74px;bottom:12px;left:0}.dichong-figma__preview{z-index:1;background:#ffffff24;border:1px solid #ffffff2e;border-radius:22px;width:100%;min-height:180px;padding:14px;position:relative}.dichong-figma__preview-topline{color:#ffffffe0;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;line-height:16px;display:flex}.dichong-figma__preview-card{background:#ffffff2e;border-radius:18px;height:136px;margin-top:10px;position:relative;overflow:hidden}.dichong-figma__preview-bar{background:linear-gradient(90deg,#ffffff6b,#ffffff2e);height:28px}.dichong-figma__preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.dichong-figma__preview-grid span{background:#fff3;border-radius:12px;height:34px}.dichong-figma__preview-label{color:#fff;background:#00000024;border-radius:999px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex;position:absolute;bottom:12px;right:12px}.dichong-figma__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dichong-figma__stat{background:#fff;border:1px solid #30929d14}.dichong-figma__stat-value{color:#1c3741}.dichong-figma__stat-label{color:#6e8187}.dichong-figma__chips{justify-content:flex-start}.dichong-figma__chip{color:#2d7d87;background:#30929d1f;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.dichong-figma__section{gap:10px;display:grid}.dichong-figma__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dichong-figma__card{background:#fff;border:1px solid #30929d14;border-radius:18px;padding:14px;position:relative;overflow:hidden;box-shadow:0 8px 24px #1226310d}.dichong-figma__card:before{content:"";background:#30929d14;border-radius:50%;width:70px;height:70px;position:absolute;top:-18px;right:-18px}.dichong-figma__card-badge{z-index:1;color:#2f7f89;background:#30929d1f;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex;position:relative}.dichong-figma__card-title{z-index:1;color:#18333b;margin:10px 0 0;font-size:15px;font-weight:700;line-height:22px;position:relative}.dichong-figma__card-description{z-index:1;color:#6e8187;margin:6px 0 0;font-size:12px;line-height:18px;position:relative}.dichong-figma__rows{gap:10px;display:grid}.dichong-figma__row{background:#fff;border:1px solid #30929d14;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.dichong-figma__row-label{color:#6e8187;font-size:12px;line-height:18px}.dichong-figma__row-value{color:#18333b;font-size:13px;line-height:18px}.dichong-figma__timeline{gap:10px;display:grid}.dichong-figma__timeline-item{background:#fff;border:1px solid #30929d14;border-radius:18px;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px;display:grid}.dichong-figma__timeline-index{color:#2d7d87;background:#30929d1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.dichong-figma__timeline-title{color:#18333b;margin:0;font-size:14px;font-weight:700;line-height:20px}.dichong-figma__timeline-description{color:#6e8187;margin:4px 0 0;font-size:12px;line-height:18px}.dichong-figma__related{gap:10px}.dichong-figma__related-item{background:#ffffffe6;border:1px solid #30929d14;border-radius:16px;flex:1 1 0;min-width:0;padding:12px 14px}.dichong-figma__related-name{color:#18333b;font-size:13px;font-weight:700;line-height:18px}.dichong-figma__related-meta{color:#6e8187;margin-top:4px;font-size:11px;line-height:16px}.dichong-figma__preview--form .dichong-figma__preview-card,.dichong-figma__hero--form{background:linear-gradient(140deg,#30929df5 0%,#2d7f87f2 100%)}.dichong-figma__preview--search .dichong-figma__preview-card,.dichong-figma__hero--search{background:linear-gradient(140deg,#477fddf5 0%,#70aef5f2 100%)}.dichong-figma__preview--template .dichong-figma__preview-card,.dichong-figma__hero--template{background:linear-gradient(140deg,#e57136f5 0%,#ffa866f2 100%)}.dichong-figma__preview--content .dichong-figma__preview-card,.dichong-figma__hero--content{background:linear-gradient(140deg,#5cb0baf5 0%,#26a8b8f2 100%)}.dichong-figma__preview--list .dichong-figma__preview-card,.dichong-figma__hero--list{background:linear-gradient(140deg,#4f6992f5 0%,#7995bef2 100%)}.dichong-figma__preview--profile .dichong-figma__preview-card,.dichong-figma__hero--profile{background:linear-gradient(140deg,#634ea5f5 0%,#8a70cff2 100%)}.dichong-figma__preview--rewards .dichong-figma__preview-card,.dichong-figma__hero--rewards{background:linear-gradient(140deg,#ffa047f5 0%,#ffc766f2 100%)}.dichong-figma__preview--status .dichong-figma__preview-card,.dichong-figma__hero--status{background:linear-gradient(140deg,#f47e7ef5 0%,#ffa886f2 100%)}.dichong-figma__preview--certificate .dichong-figma__preview-card,.dichong-figma__hero--certificate{background:linear-gradient(140deg,#25aea4f5 0%,#7eddcbf2 100%)}.dichong-figma-missing{text-align:center;background:#fff;border-radius:24px;margin:16px;padding:22px;box-shadow:0 18px 44px #12263114}.dichong-figma-missing__code{color:#30929d;font-size:44px;font-weight:800;line-height:1}.dichong-figma-missing__title{color:#16333b;margin:14px 0 0;font-size:20px;font-weight:700;line-height:28px}.dichong-figma-missing__description{color:#6e8187;margin:8px 0 0;font-size:13px;line-height:20px}.dichong-figma-missing__link{color:#fff;background:linear-gradient(135deg,#30929d 0%,#5bb7bf 100%);border-radius:999px;justify-content:center;align-items:center;min-width:140px;height:40px;margin-top:16px;font-size:14px;font-weight:700;display:inline-flex}.dichong-figma-index{padding:18px 16px calc(24px + var(--h5-safe-bottom));background:radial-gradient(circle at 0 0,#4ca4ae33,#0000 26%),linear-gradient(#eff6f7 0%,#f8fbfc 100%);gap:18px;display:grid}.dichong-figma-index__hero,.dichong-figma-page__header{background:#ffffffeb;border-radius:24px;gap:16px;padding:18px;display:grid;box-shadow:0 18px 44px #12263114}.dichong-figma-index__eyebrow,.dichong-figma-page__eyebrow{color:#30929d;letter-spacing:.14em;font-size:11px;font-weight:700;line-height:16px}.dichong-figma-index__title,.dichong-figma-page__title{color:#16333b;margin:6px 0 0;font-size:26px;font-weight:800;line-height:34px}.dichong-figma-index__description,.dichong-figma-page__description{color:#648089;margin:10px 0 0;font-size:14px;line-height:22px}.dichong-figma-index__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dichong-figma-index__metric,.dichong-figma-page__meta-item{background:linear-gradient(#f3fbfc 0%,#fff 100%);border:1px solid #30929d1f;border-radius:18px;padding:14px 12px}.dichong-figma-index__metric strong,.dichong-figma-page__meta-item strong{color:#16333b;font-size:20px;font-weight:800;line-height:28px;display:block}.dichong-figma-index__metric span,.dichong-figma-page__meta-item span{color:#6e8187;margin-top:4px;font-size:12px;line-height:18px;display:block}.dichong-figma-index__grid{gap:14px;display:grid}.dichong-figma-index__card,.dichong-figma-page__variant{background:#fff;border-radius:24px;gap:12px;padding:14px;display:grid;box-shadow:0 16px 38px #0f283414}.dichong-figma-index__card-cover{display:block}.dichong-figma-index__card-screen{width:100%}.dichong-figma-index__card-copy,.dichong-figma-page__variant-copy{gap:8px;display:grid}.dichong-figma-index__card-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.dichong-figma-index__card-topline strong,.dichong-figma-page__variant-copy strong{color:#16333b;font-size:16px;font-weight:700;line-height:24px}.dichong-figma-index__card-topline span,.dichong-figma-index__card-id,.dichong-figma-page__variant-copy span{color:#6e8187;font-size:12px;line-height:18px}.dichong-figma-index__chip-row{flex-wrap:wrap;gap:8px;display:flex}.dichong-figma-index__chip{color:#1f6972;background:#eff7f8;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.dichong-figma-page{padding:18px 16px calc(24px + var(--h5-safe-bottom));background:radial-gradient(circle at 100% 0,#4ca4ae2e,#0000 24%),linear-gradient(#eef4f6 0%,#f8fbfc 100%);gap:18px;display:grid}.dichong-figma-page__actions{flex-wrap:wrap;gap:10px;display:flex}.dichong-figma-page__action{color:#21424a;background:#eff5f6;border-radius:999px;justify-content:center;align-items:center;min-width:108px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.dichong-figma-page__action--primary{color:#fff;background:linear-gradient(135deg,#30929d 0%,#5bb7bf 100%)}.dichong-figma-page__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dichong-figma-page__viewer,.dichong-figma-page__variants{background:#fffffff0;border-radius:24px;padding:14px;box-shadow:0 16px 38px #0f283414}.dichong-figma-page__screen{width:100%;max-width:430px;margin:0 auto}.dichong-figma-page__variants-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dichong-figma-page__variants-header h2{color:#16333b;margin:0;font-size:18px;font-weight:700;line-height:26px}.dichong-figma-page__variants-header span{color:#6e8187;font-size:12px;line-height:18px}.dichong-figma-page__variants-grid{gap:12px;display:grid}.dichong-figma-page__variant-screen{width:100%}.dichong-figma-screen{background:var(--figma-background);aspect-ratio:375/812;border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #112a350f}.dichong-figma-screen__image,.dichong-figma-screen .dichong-media{object-fit:cover;width:100%;height:100%;display:block}.dichong-figma-screen .dichong-media{color:var(--figma-accent);letter-spacing:.08em;place-items:center;font-size:28px;font-weight:800;line-height:1;display:grid}.dichong-figma-screen__fallback-copy{pointer-events:none;gap:6px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.dichong-figma-screen__fallback-index,.dichong-figma-screen__fallback-id{color:color-mix(in srgb, var(--figma-accent) 72%, #24414b 28%);font-size:11px;font-weight:700;line-height:16px}.dichong-figma-screen__fallback-title{color:#16333b;font-size:24px;font-weight:800;line-height:30px}@media (width>=768px){.dichong-figma-index__grid,.dichong-figma-page__variants-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.design-index{padding:18px 16px calc(24px + var(--h5-safe-bottom));background:radial-gradient(circle at 0 0,#30929d33,#0000 24%),linear-gradient(#eef4f6 0%,#f8fbfc 100%);gap:18px;display:grid}.design-index__hero,.design-page__hero{background:#fffffff2;border-radius:24px;gap:16px;padding:18px;display:grid;box-shadow:0 16px 40px #0d273114}.design-index__eyebrow,.design-page__eyebrow{color:#30929d;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px}.design-index__title,.design-page__hero-title{color:#16333b;margin:4px 0 0;font-size:26px;font-weight:800;line-height:34px}.design-index__description,.design-page__hero-description{color:#647e86;margin:8px 0 0;font-size:14px;line-height:22px}.design-index__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.design-index__metric{background:linear-gradient(#f3fbfc 0%,#fff 100%);border:1px solid #30929d1f;border-radius:18px;padding:14px 12px}.design-index__metric strong{color:#16333b;font-size:20px;font-weight:800;line-height:28px;display:block}.design-index__metric span{color:#6e8187;margin-top:4px;font-size:12px;line-height:18px;display:block}.design-index__grid{gap:14px;display:grid}.design-index__card{background:#fff;border-radius:24px;gap:12px;padding:16px;display:grid;box-shadow:0 16px 38px #0f283414}.design-index__card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.design-index__card-title{color:#16333b;font-size:18px;font-weight:700;line-height:26px}.design-index__card-subtitle,.design-index__card-meta{color:#6e8187;font-size:12px;line-height:18px}.design-index__card-count{color:#1f6972;background:#eff7f8;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.design-index__chip-row{flex-wrap:wrap;gap:8px;display:flex}.design-index__chip{color:#21424a;background:#f1f6f7;border-radius:999px;align-items:center;height:30px;padding:0 10px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.design-page{padding:18px 16px calc(24px + var(--h5-safe-bottom));background:radial-gradient(circle at 100% 0,#30929d29,#0000 26%),linear-gradient(#eef4f6 0%,#f8fbfc 100%);gap:18px;display:grid}.design-page__hero-actions{flex-wrap:wrap;gap:10px;display:flex}.design-page__hero-action{color:#21424a;background:#eef4f6;border-radius:999px;justify-content:center;align-items:center;min-width:108px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.design-page__hero-action--primary{color:#fff;background:linear-gradient(135deg,#30929d 0%,#5bb7bf 100%)}.design-page__overview-grid{gap:12px;display:grid}.design-page__overview-card,.design-page__sidebar-section{background:#fff;border-radius:22px;padding:16px;box-shadow:0 16px 38px #0f283414}.design-page__overview-meta{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:16px;display:block}.design-page__overview-title{color:#16333b;margin:10px 0 0;font-size:16px;font-weight:700;line-height:24px}.design-page__overview-copy{color:#6e8187;margin:6px 0 0;font-size:13px;line-height:20px}.design-page__content{gap:14px;display:grid}.design-page__phone-shell{background:linear-gradient(#1d3440 0%,#0f222b 100%);border-radius:28px;padding:12px;box-shadow:0 18px 42px #0a19212e}.design-page__mobile{min-height:812px;padding:calc(12px + var(--h5-safe-top)) 12px calc(18px + var(--h5-safe-bottom));background:#f4f6f8;border-radius:20px;gap:14px;display:grid}.design-page__mobile--portal{background:linear-gradient(#30929d 0%,#6bb8bf 150px,#f3f4f6 150px 100%)}.design-page__mobile--auth{background:linear-gradient(#30929db3 0%,#30929d1f 22%,#f7f8fa 42% 100%)}.design-page__topbar{grid-template-columns:44px 1fr 44px;align-items:center;height:44px;display:grid}.design-page__topbar-button{color:#fff;background:0 0;border:0;border-radius:999px;width:44px;height:44px;padding:0;font-size:14px;font-weight:700;line-height:20px}.design-page__topbar-title{color:#fff;text-align:center;font-size:18px;font-weight:600;line-height:25px}.design-page__searchbar{background:#fff;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.design-page__search-icon{color:#30929d;background:#eaf2f4;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.design-page__search-placeholder{color:#c2c2c2;font-size:13px;line-height:20px}.design-page__banner,.design-page__live-hero{border-radius:20px;position:relative;overflow:hidden}.design-page__banner{height:156px}.design-page__banner-image,.design-page__live-image{object-fit:cover;width:100%;height:100%;display:block}.design-page__banner-copy,.design-page__live-copy{color:#fff;gap:4px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.design-page__banner-copy strong,.design-page__live-copy strong,.design-page__auth-hero strong{font-size:24px;font-weight:800;line-height:30px}.design-page__banner-copy span,.design-page__live-copy span,.design-page__auth-hero span{font-size:13px;line-height:20px}.design-page__quick-grid,.design-page__stats-grid,.design-page__reward-grid,.design-page__role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.design-page__quick-item,.design-page__stats-card,.design-page__reward-card,.design-page__role-card{background:#fff;border-radius:18px;justify-items:center;gap:8px;padding:12px 8px;display:grid}.design-page__quick-icon{border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.design-page__quick-label,.design-page__stats-card span,.design-page__reward-label{color:#5d7278;text-align:center;font-size:12px;line-height:18px}.design-page__section{background:#fff;border-radius:20px;gap:12px;padding:16px;display:grid}.design-page__section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.design-page__section-title{color:#16333b;margin:0;font-size:17px;font-weight:700;line-height:25px}.design-page__section-link{color:#8d9ea3;background:0 0;border:0;padding:0;font-size:13px;line-height:20px}.design-page__chip-strip,.design-page__course-badges{flex-wrap:wrap;gap:8px;display:flex}.design-page__chip,.design-page__course-badge{color:#60767d;background:#f2f5f6;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.design-page__chip--active{color:#fff;background:#30929d}.design-page__product-grid,.design-page__course-grid,.design-page__path-list,.design-page__list,.design-page__form,.design-page__detail-list,.design-page__state-list{gap:10px;display:grid}.design-page__product-grid,.design-page__course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-page__product-card,.design-page__course-card{gap:8px;display:grid}.design-page__product-image,.design-page__course-image{object-fit:cover;background:#edf3f5;border-radius:16px;width:100%;height:140px;display:block}.design-page__product-title,.design-page__course-title,.design-page__path-title,.design-page__list-title,.design-page__detail-title,.design-page__sidebar-title,.design-page__profile-copy strong{color:#16333b;font-size:15px;font-weight:700;line-height:22px}.design-page__product-subtitle,.design-page__product-description,.design-page__course-stats,.design-page__path-description,.design-page__list-description,.design-page__detail-meta,.design-page__detail-value,.design-page__profile-copy span,.design-page__footnote{color:#6e8187;font-size:12px;line-height:18px}.design-page__path-card,.design-page__list-item,.design-page__field,.design-page__detail-row,.design-page__profile-head{align-items:center;gap:10px;display:flex}.design-page__path-card,.design-page__field,.design-page__reward-panel,.design-page__profile-panel{background:#f6f8f9;border-radius:18px;padding:14px}.design-page__path-card,.design-page__detail-row{justify-content:space-between}.design-page__path-button,.design-page__primary-button{color:#fff;background:#30929d;border:0;border-radius:999px;font-size:13px;font-weight:700;line-height:20px}.design-page__path-button{min-width:74px;height:34px}.design-page__list-item{border-bottom:1px solid #16333b14;padding:12px 0}.design-page__list-item:last-child{border-bottom:0;padding-bottom:0}.design-page__list-dot{border-radius:50%;flex:none;width:10px;height:10px}.design-page__list-copy{flex:1}.design-page__list-meta{color:#9aabb0;font-size:11px;line-height:16px}.design-page__field{align-items:stretch;gap:8px;display:grid}.design-page__field-label{color:#16333b;font-size:13px;font-weight:600;line-height:20px}.design-page__field-input{color:#a2b0b5;background:#fff;border-radius:14px;align-items:center;min-height:44px;padding:12px 14px;font-size:13px;line-height:20px;display:flex}.design-page__field-input--button{color:#fff;background:#30929d;justify-content:center;font-weight:700}.design-page__auth-hero{color:#1b5961;gap:10px;padding:20px 6px 8px;display:grid}.design-page__role-card--active{color:#fff;background:#30929d}.design-page__role-card--active span,.design-page__role-card--active strong{color:#fff}.design-page__wechatlogin{background:linear-gradient(#30929dcc 0%,#30929d00 240px),linear-gradient(#f2f2f299 0%,#fff9 100%);border-radius:20px;min-height:812px;padding:0 24px 34px;position:relative;overflow:hidden}.design-page__wechat-gradient{pointer-events:none;height:240px;position:absolute;inset:0 0 auto}.design-page__wechat-status{height:44px;position:relative}.design-page__wechat-time{color:#fff;text-align:center;letter-spacing:-.5px;width:54px;font-size:15px;font-weight:600;line-height:20px;position:absolute;top:12px;left:12px}.design-page__wechat-notch{background:#111;border-radius:0 0 18px 18px;width:219px;height:30px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.design-page__wechat-status-icons{align-items:center;gap:5px;display:flex;position:absolute;top:17px;right:14px}.design-page__wechat-signal,.design-page__wechat-wifi{border:2px solid #fff;border-top:0;border-left:0;width:14px;height:10px;display:block;transform:skew(-12deg)}.design-page__wechat-wifi{border-radius:0 0 9px;width:12px;height:9px}.design-page__wechat-battery{border:1.6px solid #fff;border-radius:3px;width:24px;height:11px;display:block;position:relative}.design-page__wechat-battery:after{content:"";background:#fff;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:3px;right:-3px}.design-page__wechat-battery-fill{background:#fff;border-radius:2px;width:17px;height:6px;position:absolute;top:1.5px;left:1.5px}.design-page__wechat-navbar{grid-template-columns:44px 1fr 44px;align-items:center;margin-top:2px;display:grid;position:relative}.design-page__wechat-nav-button{color:#fff;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:26px;font-weight:300;line-height:1}.design-page__wechat-nav-button--dots{letter-spacing:1px;font-size:18px}.design-page__wechat-navbar-title{color:#fff;text-align:center;font-size:18px;font-weight:600;line-height:25px}.design-page__wechat-brand{color:#30929d;margin-top:40px;font-size:32px;font-weight:700;line-height:42px}.design-page__wechat-subtitle{color:#30929d;margin-top:2px;font-size:15px;line-height:22px}.design-page__wechat-copy{color:#666;width:327px;max-width:100%;margin:24px 0 0;font-size:15px;line-height:22px}.design-page__wechat-primary{color:#fff;background:#30929d;border:0;border-radius:12px;width:100%;height:56px;margin-top:134px;font-size:14px;font-weight:700;line-height:22px}.design-page__wechat-agreement{justify-content:center;align-items:center;gap:4px;margin-top:8px;display:flex}.design-page__wechat-check{background:#30929d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.design-page__wechat-check span{border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;display:block;transform:rotate(-45deg)translateY(-1px)}.design-page__wechat-agreement p{color:#999;margin:0;font-size:13px;line-height:20px}.design-page__wechat-agreement em{color:#30929d;font-style:normal}.design-page__wechat-home-indicator{background:#000;border-radius:100px;width:134px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.design-page__reward-panel,.design-page__profile-panel,.design-page__action-panel{gap:12px;display:grid}.design-page__reward-hero{color:#fff;border-radius:18px;gap:4px;padding:18px;display:grid}.design-page__reward-number,.design-page__stats-card strong{color:#16333b;font-size:20px;font-weight:800;line-height:28px}.design-page__profile-avatar{object-fit:cover;background:#eaf2f4;border-radius:50%;width:58px;height:58px;display:block}.design-page__profile-copy{flex:1;gap:2px;display:grid}.design-page__profile-pill,.design-page__detail-badge{border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:28px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.design-page__detail-copy{flex:1}.design-page__detail-value{color:#16333b;text-align:right;font-size:12px;line-height:18px}.design-page__primary-button{width:100%;height:44px}.design-page__state-link{background:#f4f7f8;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.design-page__state-link strong{color:#16333b;font-size:13px;font-weight:700;line-height:20px}.design-page__state-link span{color:#6e8187;font-size:12px;line-height:18px}@media (width>=900px){.design-index__grid,.design-page__overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-page__content{grid-template-columns:minmax(0,420px) minmax(280px,360px);align-items:start}}.wechatlogin-shell,.wechatlogin-shell .h5-page__body,.wechatlogin-shell .h5-page__body-inner,.wechatlogin-shell .h5-scroll-viewport__content,.bind-shell,.bind-shell .h5-page__body,.bind-shell .h5-page__body-inner,.bind-shell .h5-scroll-viewport__content,.bind-shell .h5-page__header-shell,.roleselection-shell,.roleselection-shell .h5-page__body,.roleselection-shell .h5-page__body-inner,.roleselection-shell .h5-scroll-viewport__content,.roleselection-shell .h5-page__header-shell{background:#f2f2f2;overflow-x:hidden}.wechatlogin-shell .h5-page__header-shell{background:0 0}.wechatlogin-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.bind-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.roleselection-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.search-shell .h5-page__header-inner,.setting-shell .h5-page__header-inner,.course-shell .h5-page__header-inner,.live-shell .h5-page__header-inner,.info-shell .h5-page__header-inner,.reward-shell .h5-page__header-inner,.courseextra-shell .h5-page__header-inner,.liveextra-shell .h5-page__header-inner,.infoextra-shell .h5-page__header-inner,.profileextra-shell .h5-page__header-inner,.rewardextra-shell .h5-page__header-inner,.wechatlogin-shell .h5-page__header-inner,.bind-shell .h5-page__header-inner,.roleselection-shell .h5-page__header-inner{width:100%;max-width:var(--h5-page-max-width);margin:0 auto}.login-page{min-height:100%;padding:0 24px calc(24px + var(--h5-safe-bottom));background-color:#f2f2f2;position:relative}.login-page__hero{pointer-events:none;z-index:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.login-page__hero:before{content:"";background:linear-gradient(#30929d 21.25%,#30929d00 100%);height:280px;margin:0 -24px;display:block}.login-page__hero-spacer{z-index:1;height:calc(var(--h5-navbar-height) + var(--h5-safe-top));position:relative}.login-page>:not(.login-page__hero){z-index:1;position:relative}.login-page__nav-button{color:#fff;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:26px;font-weight:300;line-height:1}.login-page__nav-button--more{letter-spacing:1px;font-size:18px}.login-page__content{padding-top:34px}.login-page__brand{color:#30929d;margin:60px 0 0;font-size:32px;font-weight:700;line-height:42px}.login-page__subtitle{color:#30929d;margin:2px 0 0;font-size:15px;line-height:22px}.login-page__description{color:#30929d;margin:24px 0 0;font-size:15px;line-height:22px}.login-page__action-panel{padding-top:134px}.login-page__button{color:#fff;background:#30929d;border:0;border-radius:12px;width:100%;height:56px;font-size:14px;font-weight:700;line-height:22px}.login-page__error{color:#b42318;text-align:center;margin:10px 0 0;font-size:13px;line-height:20px}.login-page__agreement{justify-content:center;align-items:center;gap:4px;margin-top:8px;display:flex}.login-page__agreement-check{background:#30929d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.login-page__agreement-check-mark{border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;display:block;transform:rotate(-45deg)translateY(-1px)}.login-page__agreement-copy{color:#999;margin:0;font-size:13px;line-height:20px}.login-page__agreement-copy em{color:#30929d;font-style:normal}.bind-page{min-height:100%;padding:24px 24px calc(24px + var(--h5-safe-bottom));background:linear-gradient(#30929dcc 0%,#f2f2f2 240px),#f2f2f2}.bind-page__nav-button{color:#fff;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:26px;font-weight:300;line-height:1}.bind-page__nav-button--more{letter-spacing:1px;font-size:18px}.bind-page__hero{padding-top:92px}.bind-page__headline{color:#30929d;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:700;line-height:48px}.bind-page__description{color:#30929d;max-width:100%;margin:10px 0 0;font-size:17px;font-weight:400;line-height:24px}.bind-page__form-card{gap:24px;margin-top:74px;padding:0;display:grid}.bind-page__field{position:relative}.bind-page__field-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bind-page__field-input{background:#fffffffa;border-radius:22px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:0 32px;display:flex}.bind-page__field-placeholder{color:#c6c6c6;font-size:18px;font-weight:600;line-height:26px}.bind-page__code-button{color:#30929d;white-space:nowrap;background:0 0;border-radius:0;height:auto;padding:0;font-size:18px;font-weight:700;line-height:26px}.bind-page__button{color:#fff;background:#30929d;border:0;border-radius:22px;width:100%;height:58px;margin-top:18px;font-size:18px;font-weight:700;line-height:26px}.roleselection-page{min-height:100%;padding:24px 24px calc(24px + var(--h5-safe-bottom));background:linear-gradient(#30929db8 0%,#f2f2f2 240px),#f2f2f2}.roleselection-page__hero{padding-top:48px}.roleselection-page__title{color:#30929d;margin:0;font-size:32px;font-weight:700;line-height:44px}.roleselection-page__description{color:#30929d;margin:10px 0 0;font-size:16px;line-height:24px}.roleselection-page__cards{margin-top:var(--h5-navbar-height);gap:14px;display:grid}.roleselection-page__card{text-align:left;background:#fffffffa;border-radius:20px;align-items:center;gap:12px;padding:18px 16px;display:flex}.roleselection-page__card--active{background:#30929d}.roleselection-page__badge{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:92px;height:34px;padding:0 12px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.roleselection-page__badge--teal{background:#30929d}.roleselection-page__badge--blue{background:#4d83df}.roleselection-page__badge--orange{background:#e57136}.roleselection-page__card--active .roleselection-page__badge{background:#fff3}.roleselection-page__card-description{color:#5d7278;font-size:13px;line-height:20px}.roleselection-page__card--active .roleselection-page__card-description{color:#ffffffe0}.roleselection-page__button{color:#fff;background:#30929d;border:0;border-radius:22px;width:100%;height:58px;margin-top:24px;font-size:18px;font-weight:700;line-height:26px}.setting-shell,.setting-shell .h5-page__body,.setting-shell .h5-page__body-inner,.setting-shell .h5-scroll-viewport__content,.setting-shell .h5-page__header-shell{background:#f2f2f2;overflow-x:hidden}.setting-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame{width:100%;max-width:var(--h5-page-max-width);margin:0 auto}.setting-page{min-height:100%;padding:var(--dichong-h5-header-content-gap) 0 calc(12px + var(--h5-safe-bottom));background:#f2f2f2;position:relative}.setting-page__content{padding:0 12px}.setting-page__list{gap:10px;display:grid}.setting-page__item{text-align:left;background:#fff;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:flex;box-shadow:0 1px #11182705}.setting-page__item-title{color:#232323;font-size:15px;font-weight:500;line-height:22px}.setting-page__item-trailing{flex:none;align-items:center;gap:6px;display:inline-flex}.setting-page__item-detail{color:#a4a4a4;font-size:13px;line-height:20px}.setting-page__item-arrow{color:#b8b8b8;font-size:16px;line-height:1}.setting-page__scrim{pointer-events:none;background:#18181814;position:absolute;inset:0}.setting-page__sheet{padding:18px 20px calc(16px + var(--h5-safe-bottom));background:#fff;border-radius:28px 28px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 36px #11182714}.setting-page__sheet-header{justify-content:center;align-items:center;display:flex;position:relative}.setting-page__sheet-title{color:#232323;margin:0;font-size:18px;font-weight:700;line-height:26px}.setting-page__sheet-close{color:#9a9a9a;background:#f5f5f5;border:0;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:0;right:0}.setting-page__option-list{margin-top:18px;display:grid}.setting-page__option{text-align:left;background:0 0;border:0;border-bottom:1px solid #1118270f;justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.setting-page__option:last-child{border-bottom:0}.setting-page__option-label{color:#232323;font-size:16px;font-weight:500;line-height:24px}.setting-page__radio{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #d8d8d8}.setting-page__radio--checked{box-shadow:inset 0 0 0 6px #30929d,inset 0 0 0 1.5px #30929d}.setting-page__button{color:#fff;background:#30929d;border:0;border-radius:25px;width:100%;height:50px;margin-top:18px;font-size:17px;font-weight:700;line-height:24px}.search-shell,.search-shell .h5-page__body,.search-shell .h5-page__body-inner,.search-shell .h5-scroll-viewport__content{background:#f5f5f5;overflow-x:hidden}.search-shell .h5-page__header-spacer{height:calc(var(--h5-navbar-height) + var(--h5-safe-top))}.search-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame{width:100%;max-width:var(--h5-page-max-width);margin:0 auto}.search-shell .h5-page__header-shell{background:#f5f5f5}.search-page,.search-results-page{min-height:100%;padding:var(--dichong-h5-header-content-gap) 12px calc(12px + var(--h5-safe-bottom));background:#f5f5f5;position:relative}.search-page__navbar{height:var(--h5-navbar-height);grid-template-columns:44px 1fr 44px;padding:0 6px}.search-page__navbar-title{height:44px;color:var(--home-navbar-fg,#333);letter-spacing:0;font-size:20px;font-weight:700;line-height:28px;transform:none}.search-shell .h5-page__header-inner{--home-navbar-fg:#232323}.search-shell .h5-navbar__side.h5-navbar__side--right [aria-label=更多]{display:flex!important}.search-shell .home__nav-button img{filter:brightness(0)saturate()}.search-page__bar,.search-results-page__bar{height:40px;box-shadow:none;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:0 16px;display:flex}.search-page__bar{height:40px;box-shadow:none;gap:6px;margin-top:4px;padding:0 16px}.search-page__icon,.search-results-page__icon{flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.search-page__icon{width:20px;height:20px}.search-page__icon--magnifier{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.2'%3e%3cpath%20d='M8.75008%2015.8333C12.6621%2015.8333%2015.8334%2012.662%2015.8334%208.74996C15.8334%204.83796%2012.6621%201.66663%208.75008%201.66663C4.83808%201.66663%201.66675%204.83796%201.66675%208.74996C1.66675%2012.662%204.83808%2015.8333%208.75008%2015.8333Z'%20stroke='black'%20stroke-width='1.66667'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.1074%205.97629C10.5041%205.37308%209.67081%205%208.75031%205C7.82985%205%206.99652%205.37308%206.39331%205.97629'%20stroke='black'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.8423%2013.8424L17.3778%2017.3779'%20stroke='black'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}.search-page__icon--magnifier:before,.search-page__icon--magnifier:after{content:none}.search-results-page__icon{width:20px;height:20px}.search-results-page__icon--magnifier{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.2'%3e%3cpath%20d='M8.75008%2015.8333C12.6621%2015.8333%2015.8334%2012.662%2015.8334%208.74996C15.8334%204.83796%2012.6621%201.66663%208.75008%201.66663C4.83808%201.66663%201.66675%204.83796%201.66675%208.74996C1.66675%2012.662%204.83808%2015.8333%208.75008%2015.8333Z'%20stroke='black'%20stroke-width='1.66667'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.1074%205.97629C10.5041%205.37308%209.67081%205%208.75031%205C7.82985%205%206.99652%205.37308%206.39331%205.97629'%20stroke='black'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.8423%2013.8424L17.3778%2017.3779'%20stroke='black'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}.search-results-page__icon--magnifier:before,.search-results-page__icon--magnifier:after{content:none}.search-page__placeholder,.search-results-page__keyword{color:#cecece;font-size:12px;line-height:18px}.search-page__placeholder{color:#c8c8c8;font-size:14px;line-height:20px}.search-results-page__keyword{color:#6d6d6d}.search-page__section{margin-top:24px}.search-page__section+.search-page__section{margin-top:22px}.search-page__section-title{color:#333;margin:0;font-size:20px;font-weight:700;line-height:28px}.search-page__chip-row,.search-page__result-list{flex-wrap:wrap;gap:10px;display:flex}.search-page__chip-row{margin-top:4px}.search-page__chip{color:#333;background:#fff;border:0;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:14px;line-height:20px;display:inline-flex}.search-page__history-list{margin-top:13px;display:grid}.search-page__history-item{color:#777;text-align:left;min-height:24px;margin-top:16px;padding:0;font-size:16px;line-height:24px}.search-page__history-item:first-child{margin-top:0}.search-results-page__filter-row{flex-wrap:wrap;gap:16px;display:flex}.search-results-page__filter-row--primary{margin-top:16px}.search-results-page__filter-row--secondary{margin-top:14px}.search-results-page__filter{color:#6d6d6d;background:#ffffffa3;border:0;border-radius:16px;justify-content:center;align-items:center;height:32px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.search-results-page__filter--active{color:#fff;background:#116a72;font-weight:600}.search-results-page__filter--secondary{color:#232323;background:#ffffff85;padding:0 14px}.search-results-page__filter--active-secondary{color:#116a72;font-weight:600}.search-results-page__filter-icon{background:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%202.25L5.1%206.45445V9.6111L6.9%2010.5V6.45445L10.5%202.25H1.5Z'%20stroke='%23333333'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;flex:none;width:12px;height:12px;margin-left:5px;display:inline-block}.search-results-page__list{gap:10px;margin-top:12px;display:grid}.search-results-page__item{background:#fff;border-radius:16px;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:10px;display:grid}.search-results-page__thumb{border-radius:12px;height:112px;position:relative;overflow:hidden}.search-results-page__thumb--teal{background:linear-gradient(135deg,#cfe7e4 0%,#f3f8f8 100%)}.search-results-page__thumb--rose{background:linear-gradient(135deg,#f7dfe3 0%,#f8f5f5 100%)}.search-results-page__thumb--slate{background:linear-gradient(135deg,#d9e0e8 0%,#eef2f6 100%)}.search-results-page__thumb--cyan{background:linear-gradient(135deg,#d3eff2 0%,#eef8fa 100%)}.search-results-page__thumb-mark{background:#ffffffd1;border-radius:10px;height:44px;position:absolute;bottom:12px;left:10px;right:10px;box-shadow:0 8px 16px #1118270f}.search-results-page__copy{min-width:0;padding:2px 0}.search-results-page__title{color:#232323;font-size:15px;font-weight:700;line-height:21px}.search-results-page__title-line{display:block}.search-results-page__meta{color:#9b9b9b;margin-top:7px;font-size:12px;line-height:18px}.search-results-page__badge-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.search-results-page__badge{color:#9a9a9a;background:#f4f4f4;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11px;line-height:16px;display:inline-flex}.search-results-page__badge--primary{color:#30929d;background:#30929d24}.search-results-page__filter-overlay{top:calc(var(--h5-navbar-height,56px) + var(--h5-safe-top));z-index:40;background:#00000094;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.search-results-page__filter-sheet{width:100%;max-width:var(--h5-page-max-width);background:#fff;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 -12px 36px #11182729}.search-results-page__filter-sheet-header{justify-content:center;align-items:center;min-height:72px;display:flex;position:relative}.search-results-page__filter-sheet-title{color:#333;margin:0;font-size:20px;font-weight:700;line-height:28px}.search-results-page__filter-sheet-close{color:#6d6d6d;background:#eeeeef;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;font-weight:700;line-height:24px;display:inline-flex;position:absolute;top:20px;right:16px}.search-results-page__filter-sheet-body{padding:0 12px 18px}.search-results-page__filter-group+.search-results-page__filter-group{margin-top:24px}.search-results-page__filter-group-title{color:#333;margin:0 0 12px;font-size:17px;font-weight:700;line-height:24px}.search-results-page__filter-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.search-results-page__filter-option{color:#333;background:#f7f7f7;border:0;border-radius:12px;height:40px;padding:0 14px;font-size:15px;font-weight:700;line-height:22px}.search-results-page__filter-option--single{width:calc(50% - 8px)}.search-results-page__filter-option--active{color:#239aa5;background:#30929d2e}.search-results-page__filter-sheet-actions{padding:8px 12px calc(8px + var(--h5-safe-bottom));border-top:1px solid #1118270f;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.search-results-page__filter-sheet-action{border:0;border-radius:12px;height:44px;font-size:15px;font-weight:700;line-height:22px}.search-results-page__filter-sheet-action--muted{color:#c6c6c6;background:#f4f4f4}.search-results-page__filter-sheet-action--primary{color:#fff;background:#30929d}.course-shell,.course-shell .h5-page__body,.course-shell .h5-page__body-inner,.course-shell .h5-scroll-viewport__content,.course-shell .h5-page__header-shell,.live-shell,.live-shell .h5-page__body,.live-shell .h5-page__body-inner,.live-shell .h5-scroll-viewport__content,.live-shell .h5-page__header-shell,.info-shell,.info-shell .h5-page__body,.info-shell .h5-page__body-inner,.info-shell .h5-scroll-viewport__content,.info-shell .h5-page__header-shell,.reward-shell,.reward-shell .h5-page__body,.reward-shell .h5-page__body-inner,.reward-shell .h5-scroll-viewport__content,.reward-shell .h5-page__header-shell{background:#f2f2f2;overflow-x:hidden}.course-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.live-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.info-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.reward-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame{width:100%;max-width:var(--h5-page-max-width);margin:0 auto}.course-page,.live-page,.info-page,.reward-page{min-height:100%;padding:var(--dichong-h5-header-content-gap) 12px calc(12px + var(--h5-safe-bottom));background:#f2f2f2}.course-page--course-list{--course-list-control-height:calc(74px + var(--dichong-h5-header-content-gap));background:#f5f5f5}.course-page__nav-button,.live-page__nav-button,.info-page__nav-button,.reward-page__nav-button{color:#4b4b4b;background:0 0;border:0;min-width:44px;height:44px;padding:0;font-size:22px;font-weight:300;line-height:1}.course-page__tab-row,.info-page__tab-row,.reward-page__tab-row{flex-wrap:wrap;gap:16px;display:flex}.course-page__tab,.info-page__tab,.reward-page__tab{color:#8a8a8a;background:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;height:32px;padding:0 18px;font-size:16px;font-weight:500;line-height:22px;display:inline-flex}.course-page__tab--active,.info-page__tab--active,.reward-page__tab--active{color:#fff;background:#30929d;font-weight:600}.course-page__filter-row{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.course-page__filter{color:#333;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;height:28px;padding:0 13px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.course-page__filter--active{color:#333}.course-page__filter-icon{background:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.49999%204.99962L6.03552%208.53516L9.57106%204.99962'%20stroke='%23333333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;flex:none;width:12px;height:12px;margin-left:7px;display:inline-block}.course-page__dropdown-layer{top:calc(var(--h5-navbar-height,56px) + var(--h5-safe-top) + var(--course-list-control-height,74px));z-index:40;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.course-page__dropdown-panel{width:100%;max-width:var(--h5-page-max-width);background:#f5f5f5;border-radius:0 0 14px 14px;gap:24px;min-height:176px;padding:20px 12px 24px;display:grid;position:relative}.course-page__dropdown-scrim{background:#00000094;flex:auto;width:100%}.course-page__dropdown-option{color:#333;text-align:left;background:0 0;border:0;width:100%;min-height:28px;padding:0;font-size:14px;line-height:20px}.course-page__dropdown-option--active{color:#30929d}.course-page__stack,.live-page__stack,.info-page__stack,.reward-page__stack{gap:12px;margin-top:12px;display:grid}.course-page__course-card,.live-page__list-card,.info-page__card,.reward-page__card{background:#fff;border-radius:16px}.course-page__course-card{grid-template-columns:118px minmax(0,1fr);gap:12px;padding:12px;display:grid}.course-page__course-image{object-fit:cover;border-radius:12px;width:118px;height:84px;display:block}.course-page__course-copy{min-width:0;padding-top:2px}.course-page__course-title,.course-page__headline,.live-page__headline,.info-page__card-title,.reward-page__card-title{color:#333;margin:0;font-size:16px;font-weight:700;line-height:24px}.course-page__badge-row,.reward-page__badge-row,.live-page__recommend-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.course-page__badge,.reward-page__badge,.live-page__recommend-badge{border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11px;line-height:16px;display:inline-flex}.course-page__badge--teal,.live-page__recommend-badge--teal,.reward-page__badge--teal{color:#30929d;background:#30929d29}.course-page__badge--red{color:#ea4e5a;background:#ea4e5a29}.course-page__badge--orange{color:#ea7b33;background:#ea7b3329}.course-page__badge--blue,.course-page__badge--cyan{color:#4d83df;background:#4d83df29}.course-page__course-meta,.live-page__list-meta,.live-page__meta-line,.live-page__teacher-role,.live-page__recommend-meta,.info-page__card-footer,.info-page__resource-subtitle,.reward-page__history-sub,.reward-page__hero-note,.reward-page__mall-note{color:#a4a4a4;margin-top:6px;font-size:13px;line-height:20px}.course-page__hero-image,.live-page__hero-image{object-fit:cover;width:calc(100% + 24px);height:250px;margin:0 -12px;display:block}.course-page--course-detail .course-page__hero-image{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.course-page--course-detail,.live-page--now,.live-page--detail{padding-bottom:calc(76px + var(--h5-safe-bottom))}.course-page__panel,.live-page__panel{background:#fff;border-radius:16px;margin-top:12px;padding:16px}.course-page__paragraph,.live-page__paragraph,.info-page__card-body,.info-page__dialog-copy,.reward-page__card-body{color:#666;margin:8px 0 0;font-size:14px;line-height:22px}.course-page__paragraph--dense{color:#8d8d8d;font-size:13px;line-height:21px}.course-page__certificate-tip{color:#f24251;border-top:1px solid #1118270f;align-items:center;gap:8px;margin-top:14px;padding-top:14px;font-size:15px;font-weight:700;line-height:22px;display:flex}.course-page__certificate-icon{color:#fff;background:#f24251;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.course-page__panel--teacher{align-items:center;gap:12px;display:flex}.course-page__teacher-avatar,.live-page__host-avatar{color:#6f7e86;background:linear-gradient(135deg,#e9eef4,#d8f0ef);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:inline-flex}.course-page__teacher-name,.live-page__teacher-name{color:#333;font-size:16px;font-weight:700;line-height:24px}.course-page__section-header,.live-page__section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-page__section-title,.live-page__section-title{color:#333;margin:0;font-size:16px;font-weight:700;line-height:24px}.course-page__section-meta,.live-page__link{color:#9f9f9f;font-size:13px;line-height:20px}.course-page__chapter-list{margin-top:12px;display:grid}.course-page__chapter-row{border-bottom:1px solid #1118270f;justify-content:space-between;align-items:center;gap:12px;min-height:54px;display:flex}.course-page__chapter-row:last-child{border-bottom:0}.course-page__chapter-title{color:#777;font-size:16px;line-height:24px}.course-page__chapter-title--active{color:#30929d}.course-page__chapter-action,.course-page__chapter-pill{border-radius:12px;justify-content:center;align-items:center;min-width:50px;height:24px;padding:0 10px;font-size:12px;line-height:16px;display:inline-flex}.course-page__chapter-action,.course-page__chapter-pill--red{color:#ef5663;background:#ef566329}.course-page__chapter-pill--teal{color:#30929d;background:#30929d24}.course-page__chapter-pill--gray{color:#b0b0b0;background:#f1f1f1}.course-page__footer-bar,.course-page__bottom-actions,.live-page__footer-actions{padding:10px 12px calc(8px + var(--h5-safe-bottom));background:#f2f2f2;align-items:center;gap:10px;margin:14px -12px 0;display:flex;position:sticky;bottom:0;left:0;right:0}.course-page--course-detail .course-page__footer-bar,.live-page--now .live-page__footer-actions,.live-page--detail .live-page__footer-actions{padding:10px 12px calc(8px + var(--h5-safe-bottom));background:#fff;border-top:1px solid #1118270f;margin:0;position:static}.course-page__price{color:#e6202d;flex:1;font-size:20px;font-weight:800;line-height:28px}.course-page__primary-button,.course-page__secondary-button,.live-page__footer-button,.info-page__download-button,.info-page__dialog-button,.reward-page__detail-link,.reward-page__history-link{border:0;border-radius:14px;font-weight:600}.course-page__primary-button,.live-page__footer-button,.info-page__download-button,.info-page__dialog-button,.reward-page__detail-link{color:#fff;background:#30929d}.course-page__primary-button{width:208px;height:44px;font-size:17px;line-height:24px}.course-page__video-hero{position:relative}.course-page__play-button{color:#fff;background:#ffffffc7;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:26px;display:inline-flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.course-page__progress-track,.reward-page__progress-track{background:#ececec;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.course-page__progress-value{border-radius:inherit;background:#30929d;width:38%;height:100%}.course-page__doc-placeholder{background:#f3f3f3;border-radius:12px;height:178px;margin-top:12px}.course-page__secondary-button{color:#333;background:#fff;height:44px;padding:0 16px;font-size:15px;line-height:22px}.course-page__secondary-button--icon{min-width:96px}.course-page__primary-button--half{border-radius:12px;flex:1;width:auto;font-size:15px}.course-page__link-button{color:#30929d;background:0 0;border:0;padding:0;font-size:15px;line-height:22px}.live-page__panel--host{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-page__subcopy{color:#888;margin:6px 0 0;font-size:14px;line-height:20px}.live-page__chat-list{gap:10px;margin-top:12px;display:grid}.live-page__chat-item{display:flex}.live-page__chat-item--right{justify-content:flex-end}.live-page__chat-bubble{border-radius:12px;max-width:250px;padding:10px 12px;font-size:14px;line-height:20px}.live-page__chat-bubble--light{color:#666;background:#f4f4f4}.live-page__chat-bubble--teal{color:#30929d;background:#30929d1f}.live-page__composer{grid-template-columns:minmax(0,1fr) 46px;gap:10px;margin-top:12px;display:grid}.live-page__composer-field{color:#b5b5b5;background:#f4f4f4;border-radius:12px;align-items:center;height:40px;padding:0 14px;font-size:14px;display:flex}.live-page__send-button{color:#949494;background:#f4f4f4;border:0;border-radius:12px;font-size:20px}.live-page__footer-button{flex:1;height:44px;font-size:15px;line-height:22px}.live-page__footer-button--muted{color:#333;background:#ececec}.live-page__list-card{grid-template-columns:102px minmax(0,1fr) 86px;align-items:center;gap:12px;padding:12px;display:grid}.live-page__list-image{object-fit:cover;border-radius:12px;width:102px;height:76px;display:block}.live-page__list-copy{min-width:0}.live-page__list-title,.live-page__recommend-title{color:#333;margin:0;font-size:15px;font-weight:700;line-height:22px}.live-page__list-state{align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.live-page__list-state:before{content:"";background:50%/contain no-repeat;flex:none;width:16px;height:16px;display:inline-block}.live-page__list-state--red{color:#ff5f4a}.live-page__list-state--red:before{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7'%20y='2'%20width='2'%20height='12'%20fill='%23C0192A'/%3e%3crect%20x='11'%20y='8'%20width='2'%20height='6'%20fill='%23C0192A'/%3e%3crect%20x='3'%20y='6'%20width='2'%20height='8'%20fill='%23C0192A'/%3e%3c/svg%3e")}.live-page__list-state--teal{color:#30929d}.live-page__list-state--teal:before{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='2.665'%20y='3.3315'%20width='10.67'%20height='10.0033'%20rx='1.335'%20stroke='%2330929D'%20stroke-width='1.33'/%3e%3cpath%20d='M5.80664%209.12842L7.69226%2011.014L10.5207%208.18561'%20stroke='%2330929D'%20stroke-width='1.33'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.9999%206L2.99988%206'%20stroke='%2330929D'%20stroke-width='1.33'%20stroke-linecap='round'/%3e%3cpath%20d='M5.33337%202V4'%20stroke='%2330929D'%20stroke-width='1.33'%20stroke-linecap='round'/%3e%3cpath%20d='M10.6666%202V4'%20stroke='%2330929D'%20stroke-width='1.33'%20stroke-linecap='round'/%3e%3c/svg%3e")}.live-page__list-state--gray{color:#999}.live-page__list-state--gray:before{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='2.00004'%20y='2.00016'%20width='12'%20height='12'%20rx='6'%20stroke='%23999999'%20stroke-width='1.33333'/%3e%3cpath%20d='M8%204V8L10%2010'%20stroke='%23999999'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.live-page__list-action{color:#fff;background:#30929d;border:0;border-radius:12px;width:86px;height:36px;font-size:15px}.live-page__list-action--disabled{color:#999;background:#ececec}.live-page__recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.live-page__recommend-card{gap:6px;display:grid}.live-page__recommend-image{object-fit:cover;border-radius:12px;width:100%;height:96px;display:block}.info-page__tab-row--resource{margin-top:12px}.info-page__search-bar{background:#fff;border-radius:18px;align-items:center;gap:8px;height:36px;margin-top:6px;padding:0 14px;display:flex}.info-page__search-icon{border:1.3px solid #d6d6d6;border-radius:50%;width:14px;height:14px;position:relative}.info-page__search-icon:after{content:"";background:#d6d6d6;border-radius:999px;width:5px;height:1.3px;position:absolute;bottom:-1px;right:-3px;transform:rotate(45deg)}.info-page__search-placeholder{color:#c7c7c7;font-size:12px;line-height:18px}.info-page__card{padding:16px}.info-page__notice-head{align-items:center;gap:10px;display:flex}.info-page__notice-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.info-page__notice-icon--blue{background:#4d83df24}.info-page__notice-icon--orange{background:#ea7b3324}.info-page__notice-icon--yellow{background:#f0b4182e}.info-page__card--sitenotice{padding:14px 16px}.info-page__card--resource{grid-template-columns:32px minmax(0,1fr) 72px;align-items:center;gap:12px;display:grid}.info-page__resource-icon{background:#ea7b3329;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.info-page__resource-copy{min-width:0}.info-page__resource-meta{color:#999;align-items:center;gap:8px;margin-top:8px;font-size:13px;line-height:20px;display:flex}.info-page__file-badge{color:#ba6a34;background:#ea7b332e;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11px;display:inline-flex}.info-page__download-button{width:72px;height:32px;font-size:14px}.info-page__overlay{background:#0000008f;position:absolute;inset:0}.info-page__dialog{z-index:1;background:#fff;border-radius:18px;padding:24px 22px 20px;position:absolute;top:308px;left:28px;right:28px}.info-page__dialog-title{color:#333;text-align:center;margin:0;font-size:16px;font-weight:700;line-height:24px}.info-page__dialog-copy{text-align:center}.info-page__dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.info-page__dialog-button{height:44px;font-size:16px}.info-page__dialog-button--muted{color:#333;background:#ececec}.reward-page__hero,.reward-page__mall-hero{border-radius:18px;position:relative;overflow:hidden}.reward-page__hero{background:linear-gradient(#ffd6be9e 0%,#fff 100%);grid-template-columns:132px minmax(0,1fr);gap:14px;padding:14px 14px 12px;display:grid}.reward-page__hero-art{background:radial-gradient(circle at 50% 45%,#fff4eb 0%,#f8b36b 54%,#f08d33 100%);border-radius:18px;height:122px;position:relative}.reward-page__hero-badge{color:#fff;background:#f0983f;border-radius:12px;justify-content:center;align-items:center;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.reward-page__hero-title{color:#333;margin-top:22px;font-size:18px;font-weight:700;line-height:26px}.reward-page__hero-value{color:#333;margin-top:2px;font-size:20px;font-weight:800;line-height:30px}.reward-page__hero-value span{font-size:14px;font-weight:400}.reward-page__progress-value{border-radius:inherit;background:linear-gradient(90deg,#f39b4a 0%,#f26f2f 100%);width:56%;height:100%}.reward-page__detail-link{color:#7f7f7f;background:#ffffffdb;border-radius:16px;min-width:72px;height:32px;padding:0 14px;font-size:14px;position:absolute;top:14px;right:12px}.reward-page__benefit-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.reward-page__benefit{text-align:center}.reward-page__benefit-icon{color:#f08939;background:#f289381f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto;display:inline-flex}.reward-page__benefit-title{color:#333;margin-top:8px;font-size:15px;font-weight:700;line-height:22px}.reward-page__benefit-subtitle{color:#9c9c9c;font-size:12px;line-height:18px}.reward-page__separator{color:#b1b1b1;text-align:center;margin-top:12px;font-size:12px;line-height:18px}.reward-page__card{padding:16px}.reward-page__card-copy{min-width:0}.reward-page__tier-icon{border-radius:18px;flex:none;width:70px;height:70px}.reward-page__card{justify-content:space-between;align-items:center;gap:14px;display:flex}.reward-page__tier-icon--1{background:linear-gradient(135deg,#d8f7ea 0%,#7fd9c1 100%)}.reward-page__tier-icon--2{background:linear-gradient(135deg,#ffe9d3 0%,#f3a85a 100%)}.reward-page__tier-icon--3{background:linear-gradient(135deg,#ffe8d0 0%,#d8832d 100%)}.reward-page__mall-hero{background:linear-gradient(#30929d 0%,#bfe2e7 100%);min-height:156px;padding:18px 14px 20px}.reward-page__mall-label,.reward-page__mall-note{color:#ffffffe0}.reward-page__mall-value{color:#fff;font-size:28px;font-weight:800;line-height:36px}.reward-page__coin-illustration{background:radial-gradient(circle at 35% 35%,#fff6bf 0%,#ffd55b 35%,#f0a81a 100%);border-radius:50%;width:108px;height:108px;position:absolute;top:18px;right:16px;box-shadow:28px 18px 0 -8px #ffc942d1,12px 34px 0 -6px #f4b226b3}.reward-page__detail-link--mall{background:#ffffffeb}.reward-page__stats-card{background:#fffffffa;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:-16px;padding:14px 10px;display:grid}.reward-page__stats-card article{text-align:center}.reward-page__stats-card article:not(:last-child){border-right:1px solid #1118270f}.reward-page__stats-card span{color:#a2a2a2;font-size:12px;line-height:18px;display:block}.reward-page__mall-image{object-fit:cover;border-radius:12px;width:108px;height:76px;display:block}.reward-page__mall-stock{color:#9f9f9f;margin-top:4px;font-size:13px;line-height:20px}.reward-page__mall-price{color:#e6202d;margin-top:8px;font-size:16px;font-weight:800;line-height:24px}.reward-page__history-head{justify-content:flex-end;display:flex}.reward-page__history-link{color:#30929d;background:0 0;padding:0;font-size:14px}.reward-page__card--history-item{gap:8px;display:grid}.reward-page__history-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reward-page__history-status{border-radius:12px;justify-content:center;justify-self:end;align-items:center;min-width:56px;height:24px;padding:0 10px;font-size:12px;line-height:16px;display:inline-flex}.reward-page__history-status--teal{color:#30929d;background:#30929d24}.reward-page__history-status--orange{color:#ea7b33;background:#ea7b3329}.reward-page__history-status--cyan{color:#3b9eb7;background:#3b9eb729}.courseextra-shell,.courseextra-shell .h5-page__body,.courseextra-shell .h5-page__body-inner,.courseextra-shell .h5-scroll-viewport__content,.courseextra-shell .h5-page__header-shell,.liveextra-shell,.liveextra-shell .h5-page__body,.liveextra-shell .h5-page__body-inner,.liveextra-shell .h5-scroll-viewport__content,.liveextra-shell .h5-page__header-shell,.infoextra-shell,.infoextra-shell .h5-page__body,.infoextra-shell .h5-page__body-inner,.infoextra-shell .h5-scroll-viewport__content,.infoextra-shell .h5-page__header-shell,.profileextra-shell,.profileextra-shell .h5-page__body,.profileextra-shell .h5-page__body-inner,.profileextra-shell .h5-scroll-viewport__content,.profileextra-shell .h5-page__header-shell,.rewardextra-shell,.rewardextra-shell .h5-page__body,.rewardextra-shell .h5-page__body-inner,.rewardextra-shell .h5-scroll-viewport__content,.rewardextra-shell .h5-page__header-shell{background:#f2f2f2;overflow-x:hidden}.courseextra-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.liveextra-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.infoextra-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.profileextra-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame,.rewardextra-shell .h5-page__body-inner.h5-page__body-inner--scroll-frame{width:100%;max-width:var(--h5-page-max-width);margin:0 auto}.courseextra-page,.liveextra-page,.infoextra-page,.profileextra-page,.rewardextra-page{min-height:100%;padding:var(--dichong-h5-header-content-gap) 12px calc(12px + var(--h5-safe-bottom));background:#f2f2f2;position:relative}.courseextra-page__nav-button,.liveextra-page__nav-button,.infoextra-page__nav-button,.profileextra-page__nav-button,.rewardextra-page__nav-button{color:#4b4b4b;background:0 0;border:0;min-width:44px;height:44px;padding:0;font-size:22px;font-weight:300;line-height:1}.courseextra-page__panel,.courseextra-page__list-card,.liveextra-page__panel,.infoextra-page__card,.infoextra-page__resource-card,.profileextra-page__card,.rewardextra-page__card,.rewardextra-page__summary-card,.rewardextra-page__product-card,.rewardextra-page__invite-panel,.rewardextra-page__invite-code{background:#fff;border-radius:16px;margin-top:12px;padding:16px}.courseextra-page__headline,.courseextra-page__card-title,.liveextra-page__headline,.liveextra-page__section-title,.infoextra-page__card-title,.profileextra-page__hero-title,.profileextra-page__card-title,.rewardextra-page__card-title,.rewardextra-page__invite-title{color:#333;margin:0;font-size:16px;font-weight:700;line-height:24px}.courseextra-page__paragraph,.courseextra-page__list-meta,.liveextra-page__paragraph,.liveextra-page__meta,.infoextra-page__card-body,.infoextra-page__card-subtitle,.infoextra-page__card-meta,.profileextra-page__hero-copy,.profileextra-page__card-body,.profileextra-page__card-meta,.rewardextra-page__card-body,.rewardextra-page__card-meta,.rewardextra-page__hero-note,.rewardextra-page__invite-copy,.rewardextra-page__invite-footnote{color:#8d8d8d;margin:8px 0 0;font-size:14px;line-height:22px}.courseextra-page__stars{color:#f5b400;letter-spacing:8px;margin-top:14px;font-size:28px}.courseextra-page__textarea,.profileextra-page__textarea{color:#999;background:#f6f6f6;border-radius:14px;min-height:108px;margin-top:14px;padding:14px;font-size:14px;line-height:22px}.courseextra-page__button,.liveextra-page__button,.infoextra-page__button,.profileextra-page__button,.rewardextra-page__button{color:#fff;background:#30929d;border:0;border-radius:14px;height:44px;font-size:15px;font-weight:600;line-height:22px}.courseextra-page__footer-actions,.liveextra-page__footer-actions,.profileextra-page__action-row,.rewardextra-page__footer-actions{gap:10px;margin-top:14px;display:flex}.liveextra-page--replay{padding-bottom:calc(76px + var(--h5-safe-bottom))}.liveextra-page--replay .liveextra-page__footer-actions{padding:10px 12px calc(8px + var(--h5-safe-bottom));background:#fff;border-top:1px solid #1118270f;margin:0}.liveextra-page--replay .liveextra-page__footer-actions .liveextra-page__button{flex:1}.courseextra-page__button--muted,.liveextra-page__button--muted,.profileextra-page__button--muted,.rewardextra-page__button--muted{color:#333;background:#ececec}.courseextra-page__result-card{text-align:center;background:linear-gradient(#b6e8eceb 0%,#fff 120px);border-radius:24px;margin-top:10px;padding:24px 18px 20px}.courseextra-page__result-badge{color:#30929d;background:#30929d2e;border-radius:22px;justify-content:center;align-items:center;width:128px;height:44px;margin:0 auto;font-size:18px;font-weight:700;display:flex}.courseextra-page__result-title{color:#30929d;margin-top:18px;font-size:18px;font-weight:700;line-height:26px}.courseextra-page__result-score{color:#30929d;margin-top:12px;font-size:56px;font-weight:800;line-height:64px}.courseextra-page__result-label,.courseextra-page__result-note,.courseextra-page__result-stats{color:#7f7f7f;margin-top:8px;font-size:14px;line-height:20px}.courseextra-page__result-stats{justify-content:space-between;gap:10px;display:flex}.courseextra-page__certificate-card{text-align:center;background:radial-gradient(circle at 50% 40%,#fbffff 0%,#f4fbfc 100%);border:2px solid #30929d;border-radius:18px;margin-top:10px;padding:18px}.courseextra-page__certificate-title{color:#30929d;font-size:30px;font-weight:700;line-height:38px}.courseextra-page__certificate-subtitle,.courseextra-page__certificate-meta{color:#6d7b80;margin-top:8px;font-size:14px;line-height:20px}.courseextra-page__certificate-copy{color:#555;margin:18px 0 0;font-size:16px;line-height:26px}.courseextra-page__stat-card,.rewardextra-page__summary-card,.rewardextra-page__hero-stats{background:#fff;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:12px;display:grid}.courseextra-page__stat-card article,.rewardextra-page__summary-card article,.rewardextra-page__hero-stats article{text-align:center;padding:14px 10px}.courseextra-page__stat-card article strong,.rewardextra-page__summary-card article strong,.rewardextra-page__hero-value,.rewardextra-page__hero-stats article strong{color:#30929d;font-size:20px;font-weight:800;line-height:28px;display:block}.courseextra-page__stat-card article span,.rewardextra-page__summary-card article span,.rewardextra-page__hero-stats article span{color:#9f9f9f;font-size:12px;line-height:18px}.courseextra-page__overlay,.liveextra-page__overlay{background:#00000075;position:absolute;inset:0}.courseextra-page__dialog,.liveextra-page__dialog{z-index:1;background:#fff;border-radius:18px;padding:20px;position:absolute;top:320px;left:24px;right:24px}.courseextra-page__dialog--bottom{top:auto;bottom:calc(18px + var(--h5-safe-bottom))}.courseextra-page__chip-row,.profileextra-page__chip-row,.rewardextra-page__tab-row,.infoextra-page__tab-row{flex-wrap:wrap;gap:8px;display:flex}.courseextra-page__chip,.profileextra-page__chip,.rewardextra-page__tab,.infoextra-page__tab{color:#8a8a8a;background:#fff;border:0;border-radius:16px;height:30px;padding:0 16px;font-size:14px}.courseextra-page__chip--active,.profileextra-page__chip--active,.rewardextra-page__tab--active,.infoextra-page__tab--active{color:#fff;background:#30929d}.courseextra-page__filter-row{gap:8px;margin-top:12px;display:flex}.courseextra-page__filter,.courseextra-page__dropdown-card{background:#fff;border-radius:16px}.courseextra-page__filter{color:#8a8a8a;border:0;height:30px;padding:0 14px}.courseextra-page__filter--active{color:#333}.courseextra-page__dropdown-card{margin-top:10px;padding:10px 0}.courseextra-page__dropdown-option{color:#666;background:0 0;border:0;width:100%;height:44px}.courseextra-page__dropdown-option--active{color:#30929d;font-weight:700}.courseextra-page__option-list{gap:10px;margin-top:12px;display:grid}.courseextra-page__option{color:#555;text-align:left;background:#fff;border:0;border-radius:14px;min-height:48px;padding:0 14px}.courseextra-page__option--active{color:#30929d;box-shadow:inset 0 0 0 1.5px #30929d}.courseextra-page__qa-item{background:#f6f6f6;border-radius:14px;margin-top:12px;padding:14px}.courseextra-page__qa-item--answer{background:#30929d1f}.courseextra-page__composer{color:#b0b0b0;background:#f4f4f4;border-radius:14px;align-items:center;height:42px;margin-top:16px;padding:0 14px;display:flex}.liveextra-page__hero-image{object-fit:cover;width:calc(100% + 24px);height:250px;margin:0 -12px;display:block}.liveextra-page__play-button{color:#fff;background:#ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;display:inline-flex;position:absolute;top:164px;left:50%;transform:translate(-50%)}.liveextra-page__meta--active{color:#ef5663}.infoextra-page__stack,.profileextra-page__stack,.rewardextra-page__stack{gap:12px;margin-top:12px;display:grid}.infoextra-page__resource-card{grid-template-columns:36px minmax(0,1fr) 72px;align-items:center;gap:12px;display:grid}.infoextra-page__resource-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.infoextra-page__resource-icon--pdf{background:#f08b54}.infoextra-page__resource-icon--video{background:#5a9ef2}.infoextra-page__button{width:72px}.profileextra-page__hero{background:linear-gradient(#ffd2b2e6 0%,#fff2e8 100%);border-radius:20px;padding:18px}.profileextra-page__hero--orange{background:linear-gradient(#ffcca8eb 0%,#fff1e6 100%)}.profileextra-page__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.profileextra-page__icon-card{text-align:center;color:#666;background:#fff;border-radius:16px;padding:12px 8px;font-size:13px;line-height:20px}.profileextra-page__button{min-width:120px}.profileextra-page__button--full,.rewardextra-page__button--full{width:100%;margin-top:14px}.rewardextra-page__hero{background:linear-gradient(#30929d 0%,#6fbcc3 100%);border-radius:18px;padding:18px 14px 14px;position:relative}.rewardextra-page__hero-label,.rewardextra-page__hero-note{color:#ffffffe6}.rewardextra-page__hero-tag{color:#30929d;background:#ffffffeb;border-radius:16px;justify-content:center;align-items:center;min-width:84px;height:32px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:12px}.rewardextra-page__card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rewardextra-page__delta{font-size:18px;font-weight:800;line-height:24px}.rewardextra-page__delta--plus{color:#333}.rewardextra-page__delta--minus{color:#d9303e}.rewardextra-page__invite-hero{background:linear-gradient(#ffd69eeb 0%,#fff1d8 100%);border-radius:20px;padding:18px}.rewardextra-page__invite-stat{color:#8a5b34;font-size:16px;font-weight:700;line-height:24px}.rewardextra-page__invite-highlight{color:#ff7a2a;text-align:center;background:#ffffffc2;border-radius:14px;margin-top:12px;padding:14px;font-size:18px;line-height:26px}.rewardextra-page__invite-code{text-align:center;background:linear-gradient(#ffdfaaeb 0%,#ff8f22 100%);border-radius:22px;padding:18px}.rewardextra-page__invite-code-title{color:#7f4f32;font-size:16px;font-weight:700;line-height:24px}.rewardextra-page__invite-code-value{color:#ff7a2a;margin-top:12px;font-size:36px;font-weight:800;line-height:44px}.rewardextra-page__button--soft{color:#ff7a2a;background:linear-gradient(#fff3c6 0%,#fff 100%);min-width:180px;margin-top:16px}.rewardextra-page__summary-card article{text-align:center;padding:18px 10px}.rewardextra-page__product-card{grid-template-columns:118px minmax(0,1fr);gap:12px;display:grid}.rewardextra-page__product-image{object-fit:cover;border-radius:12px;width:118px;height:84px;display:block}.rewardextra-page__tag{color:#30929d;background:#30929d24;border-radius:10px;align-items:center;height:20px;margin-top:8px;padding:0 8px;font-size:11px;line-height:16px;display:inline-flex}