@charset "UTF-8";@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@custom-variant dark (&:is(.dark *));@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#fff;width:100%;background-color:#000}.banner{width:100%;display:flex;justify-content:center}.banner img{width:100%;height:auto;max-height:400px}.menu-bar{display:flex;width:100%;height:50px;background-color:#000}.menu-item{position:relative;flex:1;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;cursor:pointer;transition:color .2s ease;box-sizing:border-box;overflow:hidden;z-index:1}.menu-item:before{content:attr(data-text);position:relative;z-index:2}.menu-icon{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.3;pointer-events:none;z-index:0;top:0;left:0}.menu-item.active{color:#fe4056}.menu-item:hover .menu-icon{opacity:.6}.works-view{background:#fff;width:100%;max-width:100vw;padding-top:30px;padding-bottom:30px}.works-grid{display:grid;gap:20px;margin:20px auto;width:80%;justify-content:center}.work-item-h{border-radius:5px;margin:10px;text-align:center;display:flex;flex-direction:column;aspect-ratio:1 / 1.3;overflow:hidden}.work-item-h img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:top;flex-shrink:0;border-radius:5px}.work-info h3{font-size:22px;color:#fff;margin:5px 0}.work-info p{font-size:18px;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#000;color:#fff;padding:20px;border-radius:10px;width:500px;position:relative}.stepper-container{margin-top:20px}.tab-button{background-color:#222;color:#aaa;border:1px solid #555;padding:8px 16px;border-radius:4px;cursor:pointer}.menu-bar{display:flex;justify-content:center;align-items:stretch;gap:1rem;padding:5px;margin:0;height:50px}.menu-item{height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;transition:transform .2s}.menu-item img{height:100%;width:auto;display:block}@media (max-width: 767px){.menu-bar{height:40px;gap:.5rem;padding:4px}.menu-item img{height:100%;max-height:36px}.works-grid{width:95%;gap:12px}.work-info h3{font-size:16px}.work-info p{font-size:14px}}@media (max-width: 480px){.work-item-h{aspect-ratio:1 / 1.4}.modal-content{width:90%;padding:16px}.modal-content label{width:70px;font-size:14px}.modal-content input{font-size:14px}.modal-content button{font-size:14px;padding:5px 10px}.tab-button{padding:6px 12px;font-size:14px}.stepper-buttons{flex-direction:column;gap:10px}}@media (min-width: 1200px){.works-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1199px) and (min-width: 992px){.works-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 991px) and (min-width: 768px){.works-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.works-grid{grid-template-columns:repeat(2,1fr)}}.no-works-message{font-size:22px;color:gray;display:flex;justify-content:center;align-items:center;min-height:200px;text-align:center;width:100%}@media (max-width: 767px){.menu-bar{height:36px}.menu-item img{height:80%;max-height:28px}}@media (max-width: 480px){.menu-bar{height:32px}.menu-item img{height:80%;max-height:24px}}.rainbow-btn{position:relative;display:block;width:100%;height:100%;padding:var(--border-width);border:none;background:transparent;border-radius:var(--border-radius);cursor:pointer;isolation:isolate;overflow:hidden}.rainbow-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rainbow-gradient);border-radius:inherit;animation:rotate-rainbow var(--duration) linear infinite;filter:blur(var(--blur));z-index:-1;transform-origin:center}.btn-content{width:100%;height:100%;background-color:var(--bg-color);border-radius:inherit;color:#fff;font-size:16px;font-weight:500;z-index:1;display:flex;align-items:center;justify-content:center}@keyframes rotate-rainbow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-flip{width:100%;display:grid;aspect-ratio:6 / 1;position:relative;overflow:hidden}.banner-tile{position:relative;perspective:1200px;border:1px solid black}.tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 3s ease-in-out;transform-origin:center center}.tile-front,.tile-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-repeat:no-repeat}.tile-back{transform:rotateX(180deg)}@media (max-width: 480px){.banner-tile{border:.5px solid black}}@media (max-width: 768px){.banner-tile{border:.75px solid black}}@media (max-width: 480px){.banner-tile{border:.5px solid #4d4d4d}}.header{display:flex;align-items:center;justify-content:space-between;background-color:#000;width:100%;box-sizing:border-box;height:50px;overflow:hidden;padding:0 100px}.header-left,.header-right{flex:0 0 auto;display:flex;align-items:center}.header-center{flex:1 1 auto;display:flex;justify-content:center;position:relative}.search-container{width:200px;position:relative}.search-box{width:100%;padding:4px 10px 4px 32px;border-radius:20px;border:none;font-size:16px;background-color:#fff;color:#000;outline:none}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888}.header_logo{width:70px;height:70px;object-fit:contain;margin-top:5;display:block}.user-info{position:relative;display:flex;align-items:center;margin-right:0}.auth{margin-right:0}.user-avatar{object-fit:cover;cursor:pointer;transition:transform .2s;width:50px;height:50px}.user-avatar:hover{transform:scale(1.08)}.auth-button{background:transparent;line-height:1;display:flex;align-items:center;font-size:24px;margin-right:100px}.auth-button:hover{color:#fe4056}.user-menu{position:absolute;top:50px;right:0;background-color:#000;border:1px solid #444;border-radius:6px;padding:10px;min-width:120px;box-shadow:0 2px 8px #00000080;z-index:999}.logout-button:hover{background-color:#000}.personal-button{background:none;border:none;outline:none;color:#fff;cursor:pointer;font-size:32px;line-height:50px;padding:0;display:flex;align-items:center}.personal-button:hover{color:#fe4056;text-decoration:none}.login-button-img{height:30px;width:100px;cursor:pointer;display:block;content:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/login_img_nor.png)}.login-button-img:hover{width:100px;content:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/login_img_sel.png)}@media (max-width: 768px){.header{padding:0 16px;height:50px}.header-left,.header-center,.header-right{flex:1}.header-left{justify-content:flex-start}.header-center{justify-content:center}.header-right{justify-content:flex-end}.header_logo{width:50px;height:50px;object-fit:contain;margin-top:5px;display:block}.search-container{width:140px}.auth-button{font-size:16px;margin-right:0}.user-avatar{width:36px;height:36px}.login-button-img{height:24px;width:80px}.login-button-img:hover{width:80px}}.header{position:relative;display:flex;align-items:center;background:#000;height:50px;padding:0 100px;box-sizing:border-box}.header-left,.header-right{display:flex;align-items:center}.search-container{width:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.search-box{width:100%;padding:4px 10px 4px 32px;border-radius:20px;border:none}@media (max-width: 768px){.header{padding:0 16px}.search-container{position:static;transform:none;width:140px;margin:0 auto}}.footer{width:100%;max-width:100vw;padding:40px 20px;margin-top:auto;box-sizing:border-box;overflow-x:hidden;color:#fff;background:#000}.footer-content{display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto;gap:40px}.footer-column{flex:1;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.footer-column:first-child{align-items:flex-start;text-align:left}.footer-column.center-column{align-items:center;text-align:center;border-left:1px solid #444;border-right:1px solid #444;font-size:20px}.footer-column:last-child{align-items:flex-end;text-align:right}.footer-logo{width:130px;height:auto;margin-bottom:10px}.company-name{font-size:20px;font-weight:700}.social-icons span{display:inline-block;background-color:#000;color:#ccc;padding:6px 10px;border-radius:4px;font-size:16px;margin-right:8px;margin-bottom:6px}.social-icons{display:flex;flex-wrap:wrap}.footer-column p:first-child{margin-top:0}.footer-column p:last-child{margin-bottom:0}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:flex-start}.footer-column{width:100%}}.social-icons.icons-row{margin-top:16px;display:flex;gap:20px;flex-wrap:wrap}.social-icons.icons-row img{width:30px;height:30px;filter:grayscale(100%);transition:filter .2s ease}.social-icons.icons-row img:hover{filter:grayscale(0%)}.company-info-c,.detail-title{color:#ccc;line-height:1.8;margin:0;font-weight:700;font-size:18px!important}.footer-main-logo{width:250px;height:auto;margin-bottom:16px}.copyright-info{font-size:14px!important;color:#ccc;line-height:1.8;margin:0}.copyright-en,.right-column{font-size:14px!important;color:#ccc}.right-column a{color:#ccc;text-decoration:none;transition:color .2s ease}.right-column a:hover{color:#ccc;text-decoration:underline}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;gap:30px}.footer-column{width:100%;align-items:center!important;text-align:center!important}.footer-column.center-column{border:none;padding:10px 0}.footer-main-logo{width:200px}.company-info-c,.detail-title,.copyright-info,.copyright-en,.right-column{font-size:14px!important;line-height:1.6}.social-icons.icons-row{justify-content:center;gap:16px}.social-icons.icons-row img{width:24px;height:24px}.right-column p,.right-column a{font-size:13px!important}}.footer-column.right-column p{margin:2px 0;line-height:1.4}.footer-column.right-column{gap:4px}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/loading_bg.jpg) center center / cover no-repeat;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-logo{max-width:150px;height:auto;animation:fadePulse 2s infinite ease-in-out;pointer-events:none}@keyframes fadePulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.login-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.login-popup{background:#000;padding:2em;border-radius:12px;width:320px;position:relative;text-align:center;box-shadow:0 10px 30px #0000004d}.login-popup input{width:100%;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:6px;height:40px}.login-popup button{margin-top:10px;padding:10px 15px;background:#111;color:#fff;border:none;border-radius:6px;cursor:pointer}.login-popup-actions{display:flex;justify-content:space-between;margin-top:10px}.login-popup-close{position:absolute;top:8px;right:12px;background:transparent;color:#666;font-size:1.2em;border:none;cursor:pointer}.agree-row{margin-top:10px;font-size:14px;color:#ccc;display:flex;align-items:center;gap:6px}.agree-row input[type=checkbox]{width:16px;height:16px;vertical-align:middle;margin-right:6px}.agree-text{color:#ccc;display:inline}.agree-text a{color:#fe4056;text-decoration:underline}.confirm-button{width:100%;padding:10px;margin-top:8px;border:none;border-radius:6px;background-color:#999;color:#fff;cursor:pointer;font-size:15px;transition:background-color .3s}.confirm-button.active{background-color:#fe4056}.password-row{display:flex;align-items:stretch;gap:8px;margin-bottom:12px}.password-input{flex:1;padding:10px 12px;border-radius:4px;border:1px solid #ccc;outline:none;height:40px;box-sizing:border-box}.password-toggle-button{height:40px;padding:0 14px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#f1f1f1;cursor:pointer;white-space:nowrap;box-sizing:border-box}.password-toggle-button:hover{background-color:#e1e1e1}.container{background-color:#000;min-height:100vh;display:flex;flex-direction:column;width:100vw;color:#fff;padding:0;margin:0}.top{height:100px}.split-text-row{display:flex;justify-content:center;flex-wrap:wrap;gap:100px;margin:40px 0;max-width:100%}.split-item{display:flex;flex-direction:column;align-items:center}.count-up-text{font-size:32px;font-weight:700;margin-bottom:8px}.text{font-size:48px;transition:color .2s ease}.split-item:hover .count-up-text,.split-item:hover .text{color:#fe4056;cursor:pointer}.section-title{margin-left:10%;font-size:30px}.membership-card-wrapper{width:100%;display:flex;justify-content:center}.membership-card{position:relative;width:90%;max-width:500px;aspect-ratio:731 / 438;background-image:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/card.png);background-size:cover;background-position:center;border-radius:12px;overflow:hidden;cursor:pointer}.card-info{position:absolute;top:30%;left:45%;right:10%;display:flex;flex-direction:column;color:#fff;z-index:2;text-align:center;gap:10px}.card-avatar{position:absolute;width:24%;height:40%;left:9.4%;top:28.2%;border-radius:50%;object-fit:cover}.card-info .nickname,.card-info .number{font-weight:700;font-size:20px}.card-info .gender-age{display:flex;gap:0px;font-size:20px}.gender,.age{width:50%}@media (max-width: 768px){.membership-card{aspect-ratio:731 / 438;max-width:80%}.card-info{top:30%;left:140px;right:20px;gap:5px;text-align:center}.card-info .nickname,.card-info .number,.card-info .gender-age{font-size:14px}.card-info .gender-age{flex-direction:row;gap:8px}.gender,.age{width:50%}}.menu-wrap{width:100%;height:100%;overflow:hidden}.menu{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.menu__item{flex:1;position:relative;overflow:hidden;text-align:center;box-shadow:0 -1px #fff}.menu__item-link{display:flex;align-items:center;justify-content:center;height:100%;position:relative;cursor:pointer;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-weight:600;color:#fff;font-size:4vh}.menu__item-link:hover{color:#060606}.menu__item-link:focus:not(:focus-visible){color:#fff}.marquee{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none;background:#fff;transform:translate3d(0,101%,0);transition:transform .6s ease-expo}.marquee__inner-wrap{height:100%;width:200%;display:flex;transform:translate(0)}.marquee__inner{display:flex;align-items:center;position:relative;height:100%;width:200%;will-change:transform;animation:marquee 15s linear infinite}.marquee span{color:#060606;white-space:nowrap;text-transform:uppercase;font-weight:400;font-size:4vh;line-height:1.2;padding:1vh 1vw 0}.marquee__img{width:200px;height:7vh;margin:2em 2vw;padding:1em 0;border-radius:50px;background-size:cover;background-position:50% 50%}.menu__item-link:hover+.marquee{transform:translateZ(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#111;padding:20px;border-radius:8px;color:#fff;width:400px}.modal-content label{display:block;margin-top:10px}.modal-content input,.modal-content select{width:100%;padding:8px;margin-top:5px;background-color:#000;border:1px solid #444;color:#fff;border-radius:4px}.modal-content button{margin-top:15px;padding:8px 12px;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content .close-btn{background-color:#555;margin-left:10px}.avatar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.avatar-modal{background:#fff;padding:30px 20px 50px;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:280px;max-width:90vw;text-align:center;position:relative}.avatar-list{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:10px}.avatar-item{width:72px;height:72px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .25s ease;border:2px solid transparent}.avatar-item:hover{transform:scale(1.1);border-color:#555}.avatar-close-btn{position:absolute;top:-15px;right:-15px;background:none;border:none;font-size:30px;font-weight:700;color:#888;cursor:pointer;transition:color .2s ease}.avatar-close-btn:hover,.avatar-modal h3{color:#000}.containerV{min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#000;width:100vw;max-width:100vw;background:#fafafa}.module-wrapper{max-width:70%;width:100%;margin:20px auto;border:1px solid darkgray}.work-detail-section{display:flex;justify-content:space-between;background-color:#fff;padding:20px;margin:20px auto;border-radius:10px;max-width:70%;gap:30px}.work-cover img{width:auto;height:450px;object-fit:cover;border-radius:10px}.work-info-center{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.work-info-center p{font-size:16px;color:#333;line-height:1.6}.work-action-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:10px}.work-info-i{flex-grow:1;margin-left:20px;margin-right:20px;background:#fff}.work-title{font-size:32px;font-weight:700;margin-bottom:10px;color:#000;display:flex;align-items:center;gap:12px}.tag-wrapper{width:100%;text-align:left;margin-bottom:10px}.work-tag{font-size:14px;padding:4px 10px;border-radius:14px;background-color:#fe4056;color:#fff;font-weight:500}.work-description{font-size:16px;line-height:1.8;max-width:100%;margin-bottom:20px;text-align:left}p.work-description{color:#333}.author-info{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;margin-top:30px;width:100%}.author-left{flex-shrink:0}.author-left{display:flex;flex-direction:column;align-items:center;max-width:50px}.author-avatar{width:100px;height:100px;max-width:100px;max-height:100px;border-radius:50%;object-fit:cover;margin-bottom:6px}.author-name{font-size:16px;font-weight:700;color:#000;margin-top:8px;text-align:left;width:100px;margin-left:25px}p.author-name,p.author-bio{color:#333}.work-actions{display:flex;flex-direction:column;max-width:400px;width:400px}.work-text{font-family:GlowSansSC-Normal-Book,sans-serif}.action-button-dy{background:#ea3b54;color:#fff;border:none;padding:8px 15px;margin-bottom:10px;cursor:pointer;border-radius:40px;width:80px;height:80px}.action-button-fx{background:#5da9ff;color:#fff;border:none;padding:8px 15px;margin-bottom:10px;cursor:pointer;border-radius:40px;width:80px;height:80px}.chapter-section{background-color:#fff;padding:20px;border-radius:10px;margin:20px auto;max-width:70%;width:70%}.chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#000;font-weight:700}.chapter-header h2{background:#000;color:#fff;border-radius:10px;padding:5px 25px}.sort-button{background:none;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;color:#000}.sort-icon{margin-right:5px}.chapter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:300px;overflow-y:auto}.chapter-item{background:#fff;padding:10px;text-align:center;border-radius:30px;cursor:pointer;transition:.2s;border:1px solid black}.chapter-item:hover{background:#fe4056;border:1px solid #FE4056;color:#fff}.news-section{background-color:#fff;padding:20px;border-radius:10px;margin:20px auto;max-width:70%;width:70%}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff9;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#111;color:#fff;padding:20px;border-radius:10px;width:500px;position:relative}.close-btn{position:absolute;right:10px;top:10px;border:none;background:none;color:#fff;font-size:20px;cursor:pointer}.stepper-container{margin-top:20px;background-color:#d8d8d8}.stepper-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-content label{display:inline-block;width:80px;text-align:right;margin-right:8px}.modal-content input{padding:5px;margin-bottom:10px;background-color:#222;color:#fff;border:1px solid #555;border-radius:4px;outline:none}.modal-content button{background-color:#333;border:none;padding:6px 12px;color:#fff;border-radius:4px;cursor:pointer;margin-top:10px}.modal-content button:hover{background-color:#444}.tab-button{background-color:#222;color:#fff;border:1px solid #555;padding:8px 16px;border-radius:4px;cursor:pointer}.tab-button.active{color:#fff;border:1px solid #fff}.tab-button+.tab-button{margin-left:10px}.user-menu{position:absolute;top:50px;right:0;background-color:#222;border:1px solid #444;border-radius:6px;padding:10px;min-width:120px;box-shadow:0 2px 8px #00000080;z-index:999}.user-name{color:#fff;margin-bottom:8px}.logout-button{background-color:#333;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.logout-button:hover{background-color:#444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sponsor-section{background-color:#fff;padding:20px;border-radius:10px;margin:20px auto;max-width:70%;width:70%;height:750px;text-align:center}.sponsor-slide{padding:10px;cursor:pointer}.sponsor-image{width:100%;height:600px;object-fit:cover;border-radius:10px;transition:transform .3s ease;padding:0 10px}.sponsor-slide:hover .sponsor-image{transform:scale(1.05)}.slick-slide{opacity:.1;transition:opacity .3s ease}.slick-center{opacity:1!important}.work-info-wrapper{flex:1;display:flex;flex-direction:column}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.button-group{display:flex;gap:10px}.button-group button{width:90px;height:90px;border-radius:45px;font-size:18px}.action-button-dy{background:#ea3b54;color:#fff;border:none;cursor:pointer;font-weight:700}.action-button-fx{background:#5da9ff;color:#fff;border:none;cursor:pointer;font-weight:700}.author-line{font-size:22px;font-weight:600;margin-bottom:12px;color:#222;padding-bottom:6px;border-bottom:1px solid #ccc}.line-after-author{margin:10px}@media (max-width: 768px){.module-wrapper,.chapter-section,.news-section,.sponsor-section{max-width:100%!important;width:100%!important;padding:16px!important;margin:10px auto!important}.work-detail-section{flex-direction:column;gap:20px;padding:16px;max-width:100%}.work-cover img{width:100%;height:auto;max-height:400px;object-fit:contain}.info-header{flex-direction:column;align-items:flex-start;gap:12px}.button-group{justify-content:flex-start}.button-group button{width:48px;height:48px;font-size:14px;border-radius:24px}.work-title{font-size:32px;flex-wrap:wrap}.work-info-wrapper p{font-size:20px;line-height:1.6}.chapter-header h2{font-size:18px}.sort-button{font-size:14px}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.chapter-item{font-size:14px;padding:8px}.sponsor-image{height:auto;max-height:400px}.sponsor-section{height:auto}.button-group{flex-wrap:wrap;gap:8px}.news-section h2{font-size:18px}.work-description,.author-bio{font-size:14px}.author-name{font-size:14px;margin-left:0;text-align:center}.author-left{max-width:100%}.author-info{flex-direction:column;align-items:center}.work-actions{width:100%}.containerV{padding:0 12px}.button-group{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px}.button-group button{width:72px;height:72px;padding:0;border-radius:36px;background:transparent;border:none}.button-group img{width:100%;height:auto;object-fit:contain;border-radius:50%}.button-group img{max-width:72px;height:auto}}.poster-overlay{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:#000000e0;display:flex;justify-content:center;align-items:center;overflow:hidden}.poster-container{position:relative;width:20vw;background:#000;border-radius:16px;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.poster-html-box{width:100%;background-color:#000;color:#fff}.poster-html-top img.poster-html-cover{width:100%;height:auto;display:block;border-bottom:2px solid #111}.poster-html-bottom{padding:20px 30px 30px;background-color:#000}.poster-html-title{font-size:24px;font-weight:700;text-align:center;color:#fff;margin:10px 0 24px;border-bottom:1px solid #333;padding-bottom:12px}.poster-html-footer{display:flex;justify-content:space-between;align-items:center}.poster-html-logo{height:40px}.poster-html-qr img{height:120px;border-radius:8px}.poster-html-qr p{font-size:13px;color:#aaa;text-align:center;margin-top:4px}.close-button{position:absolute;top:10px;right:12px;font-size:26px;background:transparent;color:#fff;border:none;cursor:pointer}@media (max-width: 768px){.info-header{position:relative}.button-group{position:absolute;top:0;right:30px;flex-wrap:nowrap;gap:8px}.button-group button{width:48px;height:48px;padding:0;border-radius:24px}.button-group img{width:100%;height:auto;border-radius:50%}}.payment-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.payment-popup{background:#fff;padding:30px;border-radius:10px;text-align:center;width:300px;position:relative;box-shadow:0 2px 10px #0000004d}.payment-buttons button{margin:10px;padding:10px 20px;font-size:16px;cursor:pointer}.payment-popup-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:20px;cursor:pointer}.payment-title{color:#000;font-weight:700}.payment-text{color:#000}.insufficient-balance-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.insufficient-balance-popup{background-color:#fff;padding:20px;border-radius:8px;max-width:400px;text-align:center;position:relative}.insufficient-balance-popup h2{margin-bottom:20px}.balance-popup-buttons{margin-top:20px;display:flex;justify-content:space-around}.balance-popup-buttons button{padding:10px 20px;border:none;background-color:#000;color:#fff;cursor:pointer;border-radius:4px}.balance-popup-buttons button:hover{background-color:#000}.insufficient-balance-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}.insufficient-balance-popup h2 p{color:#000}.scroll-list-container{position:relative;width:100%}.scroll-list{max-height:400px;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:#060606}.scroll-list::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding-top:16px;padding-bottom:16px;background-color:#fff;border-radius:8px;margin-bottom:1rem}.item.selected{background-color:#fff}.item-text{color:#000;margin:0;font-size:20px}.top-gradient{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,white,transparent);pointer-events:none;transition:opacity .3s ease}.bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,white,transparent);pointer-events:none;transition:opacity .3s ease}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.comic-content{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;gap:20px;min-height:100%;flex-direction:column;cursor:default}.comic-content.left-hover{cursor:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/left-cursor.png),w-resize}.comic-content.right-hover{cursor:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/right-cursor.png),e-resize}.comic-double{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:none;flex-wrap:nowrap;gap:0}.fullscreen .comic-double{gap:0!important;padding:0!important;margin:0 auto;max-width:100vw}.comic-single{display:flex;justify-content:center;align-items:center;width:100%}.comic-image-wrapper{background:#000;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:90vh}.comic-double .comic-image-wrapper{width:50%;max-height:90vh}.fullscreen .comic-double .comic-image-wrapper{width:50%;height:100vh;max-height:100vh;margin:0!important;padding:0!important;border:none}.comic-image-wrapper.single-page{width:100%;max-width:600px}.fullscreen .comic-single{height:100vh;justify-content:center;align-items:center;display:flex}.fullscreen .comic-image-wrapper.single-page{height:100vh;max-width:none;width:auto}.comic-page{height:100%;width:auto;object-fit:contain;display:block;margin:0;padding:0}.comic-page.loading{filter:blur(10px);transition:filter .3s ease}.comic-page.loaded{filter:none}.comic-controls{display:flex;justify-content:center;gap:16px;padding:20px;background:#111;margin:0 auto}.comic-controls button:hover{background:#555}.fullscreen .comic-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;border-radius:12px}.instruction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center;cursor:pointer}.instruction-content{text-align:center;color:#fe4056;padding:20px 30px;background:#0009;border-radius:12px;max-width:90%}.instruction-icon{width:48px;height:48px;margin-bottom:12px}.show-toolbar-button{position:absolute;bottom:300px;right:20px;background:#111;color:#fff;border-radius:999px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;z-index:2000;border:1px solid #444}.show-toolbar-button img{width:16px;height:16px;filter:brightness(1.5)}.comic-page-info{position:absolute;bottom:300px;left:20px;background:#111;color:#fff;font-size:14px;padding:10px 12px;border-radius:8px;display:flex;flex-direction:column;gap:4px;z-index:2000;text-align:center}.comic-page-info .page-box{display:flex;justify-content:center;align-items:center;gap:8px}.comic-page-info .page-box span{background:#222;padding:2px 6px;border-radius:4px;font-weight:700}.comic-double-overlay.fullscreen{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;background:#000;overflow:hidden;position:relative}.comic-double-overlay.fullscreen .comic-image-wrapper{flex:1 1 50%;height:100%;background:#000;display:flex;justify-content:center;align-items:center}.comic-double-overlay.fullscreen img{max-height:100%;max-width:100%;object-fit:contain}.comic-double-overlay{display:flex;justify-content:center;align-items:center;gap:0;max-width:100%;overflow:hidden;height:90vh}.comic-double-overlay:not(.fullscreen){height:90vh}.comic-page-overlay{max-height:100%;height:auto;width:auto;object-fit:contain;display:block;margin:0;padding:0;max-width:100%}.comic-double-overlay .comic-image-wrapper{height:100%;width:auto;display:flex;justify-content:center;align-items:center;flex:0 0 auto;background:#000}.back-button,.show-toolbar-button,.comic-page-info{position:fixed;z-index:10000}.fullscreen .back-button{left:-40px;opacity:.2;transition:left .3s ease,opacity .3s ease}.fullscreen .comic-page-info{left:-0px;opacity:.2;transition:left .3s ease,opacity .3s ease}.fullscreen .show-toolbar-button{right:-90px;opacity:.5;transition:right .3s ease,opacity .3s ease}.fullscreen .back-button:hover,.fullscreen .comic-page-info:hover{left:20px;opacity:1}.fullscreen .show-toolbar-button:hover{right:20px;opacity:1}.fullscreen .comic-double-overlay .comic-image-wrapper{width:50vw!important;height:100vh!important;flex:none;margin:0;padding:0;background:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}.fullscreen .comic-double-overlay .comic-image-wrapper:first-child img{height:100vh;width:auto;max-width:none;object-fit:contain;display:block}.fullscreen .comic-double-overlay .comic-image-wrapper:last-child img{height:100vh;width:auto;max-width:none;object-fit:contain;display:block}.fullscreen .comic-double-overlay .comic-image-wrapper:first-child{justify-content:flex-end}.fullscreen .comic-double-overlay .comic-image-wrapper:last-child{justify-content:flex-start}.img-overlay-protect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:transparent}@media (max-width: 768px){.comic-content{padding:20px 10px;flex-direction:column;align-items:center;gap:10px}.comic-image-wrapper{height:auto;max-height:80vh;width:100%}.comic-image-wrapper.single-page{width:100%;max-width:100%}.comic-page,.comic-page-overlay{width:100%;height:auto;max-height:80vh;object-fit:contain}.comic-double-overlay{flex-direction:column;height:auto}.comic-double-overlay .comic-image-wrapper{width:100%!important;height:auto}.comic-double-overlay.fullscreen{flex-direction:column;height:100vh;overflow-y:auto}.comic-double-overlay.fullscreen .comic-image-wrapper{width:100%!important;height:auto!important}.comic-controls{flex-direction:column;gap:8px;padding:10px}.comic-page-info{bottom:160px;left:10px;font-size:12px;padding:8px}.show-toolbar-button{bottom:160px;right:10px;font-size:12px;padding:6px 12px}.back-button{top:60px;left:10px;font-size:14px;padding:6px 12px}.comic-double-overlay .comic-image-wrapper:first-child,.comic-double-overlay .comic-image-wrapper:last-child{justify-content:center}.fullscreen .comic-double-overlay{flex-direction:column;height:100vh;overflow-y:auto}.fullscreen .comic-double-overlay .comic-image-wrapper{height:auto!important}}@media (max-height: 680px) and (max-width: 768px){.comic-page-info,.show-toolbar-button{bottom:120px}}.rotate-90-mobile{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;overflow:hidden;position:fixed;top:0;left:0;background:#000;z-index:9999}@media (min-width: 769px){.rotate-90-mobile{transform:none;position:static;width:auto;height:auto}}.back-button.mobile,@media (max-width: 768px){.back-button,.show-toolbar-button,.comic-page-info{font-size:11px;padding:4px 8px}.back-button svg{font-size:14px}.comic-page-info .page-box span{padding:1px 4px}}.comic-page-info .page-box:only-child{justify-content:center}@media (max-width: 768px){.back-button{display:none!important}}.mobile-page-indicator{position:absolute;bottom:8px;right:12px;color:#fff;font-size:12px;background:#00000080;padding:2px 6px;border-radius:4px;display:none;z-index:3}@media (max-width: 768px){.mobile-page-indicator{display:block}}@media (max-width: 768px){.comic-page-info{display:none!important}}.img-overlay-protect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:transparent;touch-action:none;pointer-events:auto;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}.rating-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000}.rating-modal{background:#111;padding:20px 30px;border-radius:12px;color:#fff;text-align:center;width:350px}.rating-stars{margin:15px 0;font-size:28px}.star{cursor:pointer;color:#555;transition:.2s}.star.selected{color:#fe4056}.rating-buttons button{background:#333;color:#fff;padding:8px 14px;border:none;border-radius:6px;margin:0 8px;cursor:pointer}.rating-buttons button:hover{background:#555}.author-container{color:#fff;background-color:#000;min-height:100vh;display:flex;flex-direction:column}.author-info{display:flex;align-items:center;margin-bottom:20px;max-width:70%;margin-left:15%}.author-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-right:20px}.author-social{display:flex;gap:15px;margin-top:10px}.author-social a{text-decoration:none;color:#00bfff}.author-social a:hover{text-decoration:underline}.related-works{margin-top:40px}.related-works h2{margin-left:10%}.work-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.work-info{text-align:center}.loading-placeholder{width:100%;height:100%;background:#ddd;color:#333;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700}.author-social{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.author-social a{text-decoration:none;color:#00bfff;font-weight:700;padding:4px 10px;border:1px solid deepskyblue;border-radius:4px;transition:background-color .2s,color .2s}.author-social a:hover{background-color:#00bfff;color:#fff}.container{background-color:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column}.back-button{position:absolute;top:80px;left:20px;background-color:#333;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;z-index:10}.back-button:hover{background-color:#555}.back-button svg{font-size:18px}.news-content{margin-top:100px}.news-title{font-size:28px;font-weight:700;margin-bottom:20px}.news-date{font-size:16px;color:#aaa;margin-bottom:20px}.news-image{width:70%;height:auto;margin-left:15%;margin-bottom:20px;border-radius:8px}.news-body{font-size:16px;line-height:1.6;color:#ccc}.container{width:100vw}.full-detail-image{width:100vw;height:auto;display:block}.wallet-page{background-color:#000;color:#fff;min-height:100vh;width:100vw}.wallet-container{max-width:960px;margin:auto;padding:2rem}.wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.balance{font-size:1.2rem;color:#fe4056}.recharge-button{padding:8px 16px;background:#fe4056;color:#fff;border:none;border-radius:6px;cursor:pointer}.recharge-form{background:#1e1e1e;padding:1rem;border-radius:8px;margin-bottom:2rem}.recharge-form input{width:100%;padding:10px;margin-bottom:1rem;background:#2b2b2b;border:1px solid #444;border-radius:4px;color:#fff}.payment-methods label{margin-right:1rem;font-size:.9rem}.recharge-form button{padding:8px 20px;color:#fff;border:none;border-radius:6px;cursor:pointer}.history-section{margin-bottom:2rem}.history-section h3{margin-bottom:.8rem;border-left:4px solid #FE4056;padding-left:10px;font-size:1.1rem}.history-list{list-style:none;padding:0}.history-list li{display:flex;justify-content:space-between;background:#fff;padding:12px;margin-bottom:8px;border-radius:6px;font-size:.95rem}.empty-state{text-align:center;color:#888}.empty-state img{width:300px;opacity:.6;margin-bottom:.5rem}.payment-buttons{display:flex;gap:1rem;margin-top:1rem}.payment-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;border-radius:6px;font-size:.95rem;color:#fff;cursor:pointer;transition:transform .2s ease}.payment-buttons button:hover{transform:scale(1.03)}.payment-buttons img{width:20px;height:20px}.wallet-page{background-color:#fff;color:#000;min-height:100vh;width:100vw}.wallet-wrapper{display:flex;justify-content:center;padding:40px 20px}.wallet-balance-box{background:#fff;border:1px solid gray;border-radius:12px;padding:2rem;width:100%;max-width:480px;text-align:center}.wallet-balance{font-size:1.2rem;margin-top:1rem}.balance-number{font-size:2.5rem;font-weight:700;color:#fe4056;margin:1rem 0}.white-form{background:#fff;border:1px solid gray;color:#000}.white-form input{background:#f7f7f7;height:60px;color:#000;border:1px solid #aaa;font-size:18px}.alipay-btn,.wechat-btn{background:#fff;color:#000;border:1px solid gray}.alipay-btn:hover{background-color:#1677ff;color:#fff}.wechat-btn:hover{background-color:#1aad19;color:#fff}.pay-icon-label{display:flex;align-items:center;gap:6px}.pay-icon{width:18px;height:18px;object-fit:contain}.styled-button img{width:20px;height:20px;transition:filter .2s ease}.styled-button:hover img{filter:brightness(1.3)}.payment-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease;background:#fff;color:#000;border:1px solid #333}.qr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-content{background:#fff;padding:20px;border-radius:8px;text-align:center}object-fit: cover; display: block; border-bottom: 1px solid #eee; } .work-thumb{width:100%;height:200px;overflow:hidden;border-bottom:1px solid #eee}.work-thumb img{width:100%;height:100%;object-fit:cover;display:block}@font-face{font-family:SourceHanSansSC-Heavy;src:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/fonts/SourceHanSansSC-Heavy-2.otf) format("opentype");font-display:swap}@font-face{font-family:GlowSansSC-Compressed-Bold;src:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/fonts/GlowSansSC-Compressed-Bold.otf.otf) format("opentype");font-display:swap}@font-face{font-family:wlyh-qxt;src:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/fonts/wlyh-qxt.ttf) format("opentype");font-display:swap}@font-face{font-family:GlowSansSC-Normal-Book;src:url(https://mhzb.oss-cn-hangzhou.aliyuncs.com/web/fonts/GlowSansSC-Normal-Book.otf) format("opentype");font-display:swap}html{font-family:SourceHanSansSC-Heavy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-size:16px;line-height:1.6;color:#333;background-color:#fff;font-family:SourceHanSansSC-Heavy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}