:root{--color-primary:#165DFF;--color-primary-rgb:22, 93, 255;--color-primary-dark-1:#0E42D2;--color-primary-dark-2:#072A8A;--color-primary-dark-3:#041957;--color-primary-light-1:#4080FF;--color-primary-light-2:#6AA1FF;--color-primary-light-3:#94BFFF;--color-primary-light-4:#BEDAFF;--color-primary-light-5:#E8F3FF;--bg-color-main:#fff;--bg-color-main-dark:#000;--bg-color-body:#f5f7fa;--bg-color-primary:#f2f2f2;--bg-color-secondary:#f5f5f5;--overlay-color-light-1:rgba(255,255,255,0.1);--overlay-color-light-2:rgba(255,255,255,0.2);--overlay-color-light-3:rgba(255,255,255,0.3);--overlay-color-light-4:rgba(255,255,255,0.4);--overlay-color-light-5:rgba(255,255,255,0.5);--overlay-color-light-8:rgba(255,255,255,0.8);--overlay-color-dark-1:rgba(0,0,0,0.1);--overlay-color-dark-2:rgba(0,0,0,0.2);--overlay-color-dark-3:rgba(0,0,0,0.3);--overlay-color-dark-4:rgba(0,0,0,0.4);--overlay-color-dark-5:rgba(0,0,0,0.5);--font-color-main:#333;--font-color-main-light:#6c757d;--font-color-main-transparent:rgba(60,60,60,0.7);--font-color-muted:#b2b2b2;--border-color-main:#e4e4e4;--border-radius-base:8px;--border-radius-small:5px;--border-radius-medium:calc(var(--border-radius-small) * 2);--border-radius-large:calc(var(--border-radius-small) * 6);--border-radius-xlarge:calc(var(--border-radius-small) * 20);--border-radius-circle:50%;--height-nav-fixed:75px;--height-footer:60px;--backdrop-filter-main:saturate(180%) blur(20px);--gradient-primary-transparent:linear-gradient(0deg, var(--color-primary-light-4), transparent);--gradient-0deg:linear-gradient(0deg, var(--bg-color-body), #f8f8f8);--gradient-45deg:linear-gradient(45deg, var(--bg-color-body), #f8f8f8);--widget-bg-gradient:linear-gradient(-45deg, var(--bg-color-main), #f3f5f8);--shadow-box-main:8px 8px 20px 0 rgba(var(--color-primary-rgb),0.1),-8px -8px 20px 0 var(--bg-color-main);--shadow-box-small:5px 5px 12px 0 rgba(var(--color-primary-rgb),0.1),-5px -5px 12px 0 var(--bg-color-main);--shadow-box-hover:8px 8px 15px 0 rgba(var(--color-primary-rgb),0.2),-8px -8px 15px 0 var(--bg-color-main);--shadow-nav:0 5px 12px 0 rgba(var(--color-primary-rgb),0.1);--shadow-hover-nav:inset -8px -8px 16px var(--bg-color-body),inset 8px 8px 16px var(--bg-color-body),8px 8px 16px rgba(0,0,0,0.25);--shadow-inset-box:inset -4px -4px 12px #f1f1f1, inset 4px 4px 12px #e2e2e2;--color-blue-gray-medium:var(--color-primary);--color-blue-gray-medium-light:var(--color-primary-dark-3);--border-solid-main:2px solid var(--bg-color-main);--border-solid-small:1px solid var(--bg-color-main);--transition-ease-all:all .3s ease 0s;font-synthesis:style;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;word-wrap:break-word;color:var(--font-color-main)}:root[data-theme=dark]{--bg-color-main:#262626;--bg-color-main-dark:#fff;--bg-color-body:#222222;--overlay-color-light-1:rgba(0,0,0,0.5);--overlay-color-light-2:#333333;--overlay-color-light-3:#4d4d4d;--overlay-color-light-4:#666666;--overlay-color-light-5:#2a2a2a;--overlay-color-light-8:#2e2e2e;--overlay-color-dark-1:#4d4d4d;--overlay-color-dark-2:rgba(255,255,255,0.25);--overlay-color-dark-3:#808080;--overlay-color-dark-4:#999999;--overlay-color-dark-5:#b3b3b3;--font-color-main:#fff;--font-color-main-light:#b3b3b3;--font-color-main-transparent:rgba(220,220,220,0.7);--font-color-muted:#757575;--border-color-main:#333;--bg-color-primary:#2C2C2C;--bg-color-secondary:#171717;--gradient-primary-transparent:linear-gradient(0deg, #333, rgba(0,0,0,0.3));--gradient-0deg:linear-gradient(0deg, var(--bg-color-body), var(--overlay-color-light-5));--gradient-45deg:linear-gradient(45deg, var(--bg-color-body), var(--overlay-color-light-5));--widget-bg-gradient:linear-gradient(-45deg, var(--bg-color-main), var(--bg-color-body));--color-blue-gray-medium:var(--color-primary);--color-blue-gray-medium-light:var(--color-primary-dark-3);--shadow-box-main:8px 8px 15px 0 rgba(0,0,0,0.3),-8px -8px 15px 0 var(--bg-color-main);--shadow-box-small:5px 5px 12px 0 rgba(0,0,0,0.3),-5px -5px 12px 0 var(--bg-color-main);--shadow-box-hover:8px 8px 15px 0 rgba(0,0,0,0.4),-8px -8px 15px 0 var(--bg-color-main);--shadow-nav:0 5px 12px 0 rgba(0,0,0,0.3);--shadow-inset-box:inset -4px -4px 12px #1a1a1a, inset 4px 4px 12px #1e1e1e}:root[data-color=green]{--color-primary-rgb:16, 185, 129;--color-primary:#10B981;--color-primary-dark-1:#059669;--color-primary-dark-2:#047857;--color-primary-dark-3:#065F46;--color-primary-light-1:#34D399;--color-primary-light-2:#6EE7B7;--color-primary-light-3:#A7F3D0;--color-primary-light-4:#D1FAE5;--color-primary-light-5:#ECFDF5}:root[data-color=orange]{--color-primary-rgb:249, 115, 22;--color-primary:#F97316;--color-primary-dark-1:#EA580C;--color-primary-dark-2:#C2410C;--color-primary-dark-3:#9A3412;--color-primary-light-1:#FB923C;--color-primary-light-2:#FDBA74;--color-primary-light-3:#FED7AA;--color-primary-light-4:#FFEDD5;--color-primary-light-5:#FFF7ED}:root[data-color=purple]{--color-primary-rgb:139, 92, 246;--color-primary:#8B5CF6;--color-primary-dark-1:#7C3AED;--color-primary-dark-2:#6D28D9;--color-primary-dark-3:#5B21B6;--color-primary-light-1:#A78BFA;--color-primary-light-2:#C4B5FD;--color-primary-light-3:#DDD6FE;--color-primary-light-4:#EDE9FE;--color-primary-light-5:#F5F3FF}html{scroll-behavior:smooth}body{background-color:var(--bg-color-body) !important}ol,ul{list-style:none;margin:0}*,*::before,*::after{font:inherit;color:inherit;padding:0;margin:0;border:0;outline:0;vertical-align:baseline;box-sizing:border-box;scroll-behavior:smooth}a{color:var(--font-color-main);cursor:pointer;text-decoration:none;transition:color 0.3s ease}a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none}a:hover{color:var(--color-blue-gray-medium) !important}::-webkit-scrollbar{-webkit-appearance:none;width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{background-color:#e4e4e4}::-webkit-scrollbar-thumb{cursor:pointer;border-radius:10px;background:#b2b2b2;-webkit-transition:color .3s ease;transition:color .3s ease}.scroll-cover{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.scroll-cover::-webkit-scrollbar{width:2px !important;height:2px !important;-webkit-appearance:none;appearance:none}.scroll-cover::-webkit-scrollbar-track{background-color:transparent}.scroll-cover::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--color-primary)}input,textarea,select{color:var(--font-color-main) !important;box-shadow:var(--shadow-inset-box) !important;background-color:transparent !important;border-radius:var(--border-radius-base) !important;border:var(--border-solid-small) !important}@media (max-width: 767.98px){input,textarea,select{border:var(--border-solid-small) !important}}input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--font-color-main) !important}button{color:var(--font-color-main) !important}button.btn:focus{box-shadow:var(--shadow-inset-box)}img{width:100%;height:100%;object-fit:cover}:root[data-theme=dark] img{filter:brightness(0.85)}.iconfont{font-family:"iconfont" !important;color:var(--font-color-main);font-size:1.5rem;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.iconfont:hover{color:var(--color-blue-gray-medium)}.svg-name path{fill:var(--font-color-main)}.title-text-stroke{text-stroke:1px var(--font-color-main);-webkit-text-stroke:1px var(--font-color-main);-webkit-text-fill-color:transparent}.text-shadow-style{position:relative;--text-col:var(--bg-color-main);--text-show-col:var(--font-color-main);color:var(--text-col);text-shadow:3px 3px 0 var(--text-show-col),-1px -1px 0 var(--text-show-col),1px -1px 0 var(--text-show-col),-1px 1px 0 var(--text-show-col),1px 1px 0 var(--text-show-col)}.text-webkit-mask{opacity:0.5;-webkit-mask:linear-gradient(var(--bg-color-main) 50%, transparent);mask:linear-gradient(var(--bg-color-main) 50%, transparent)}.main-sidebar .sidebar-sticky{top:88px;z-index:2 !important;transition:top 0.3s ease}.nav-fixed{padding-top:var(--height-nav-fixed)}@media (max-width: 767.98px){.nav-fixed{padding-top:calc(var(--height-nav-fixed) - 1rem)}}main>.container{min-height:calc(100vh - 6rem - var(--height-footer))}@keyframes fade-in-top{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes drawSignature{0%{stroke-dashoffset:2400}15%{fill:transparent}35%,75%{stroke-dashoffset:0;fill:var(--font-color-main)}90%,to{stroke-dashoffset:2400;fill:transparent}}.animated-signature path{stroke-dasharray:2400;stroke-dashoffset:2400;fill:transparent;animation:drawSignature 8s linear infinite both;-webkit-animation:drawSignature 8s linear infinite both;stroke-width:2px;stroke:var(--font-color-main)}.view-image-lead img{width:auto;height:auto}.navbar{position:fixed;z-index:99;width:100%;background-color:transparent;transition:var(--transition-ease-all)}.navbar.nav-ui-one{background-image:radial-gradient(transparent 1px, var(--bg-color-main) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(5px);backdrop-filter:saturate(50%) blur(5px);-webkit-box-shadow:var(--shadow-nav) !important;box-shadow:var(--shadow-nav) !important}.navbar.nav-ui-two .navbar-box{background-image:radial-gradient(transparent 1px, var(--bg-color-main) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(5px);backdrop-filter:saturate(50%) blur(5px);-webkit-box-shadow:var(--shadow-nav) !important;box-shadow:var(--shadow-nav) !important;border:var(--border-solid-main);border-radius:var(--border-radius-medium)}.navbar.active{box-shadow:var(--shadow-nav) !important}.navbar.nav-hidden{transform:translateY(-100%) !important;opacity:0 !important}.navbar.nav-visible{transform:translateY(0) !important;opacity:1 !important}.navbar-logo span{font-size:1.5rem}.navbar-logo img{height:40px;max-width:100%;max-height:100%;width:auto;object-fit:contain}@media (max-width: 767.98px){.navbar-logo img{height:36px}}.nav-inner{position:relative}.nav-inner .nav-icon{display:inline-block;margin-left:0.1rem;font-size:0.8rem;transition:transform 0.3s}.nav-inner .nav-menu{gap:1rem}.nav-inner .nav-item{position:relative}.nav-inner .nav-item .nav-a.active{color:var(--color-primary);text-shadow:0 0.15rem 1rem var(--color-primary-light-1)}.nav-inner .nav-item .nav-a.active .nav-icon{color:var(--color-blue-gray-medium)}.nav-inner .nav-item>.sub-menu{position:absolute;left:-15%;opacity:0;visibility:hidden;pointer-events:none;z-index:9;transform:translateY(-15px);transition:all 0.3s ease}.nav-inner .nav-item:hover .nav-a{color:var(--color-blue-gray-medium)}.nav-inner .nav-item:hover>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-inner .nav-item:hover .nav-icon{color:var(--color-blue-gray-medium);transform:rotate(-90deg)}.nav-inner .sub-menu{white-space:nowrap}.nav-inner .sub-menu ul{background:var(--gradient-0deg);border-radius:var(--border-radius-base);white-space:nowrap;border:var(--border-solid-main);box-shadow:var(--shadow-hover-nav);overflow:hidden}.nav-inner .sub-menu ul li{position:relative;width:100%;transition:all .3s;overflow:hidden}.nav-inner .sub-menu ul li>a{--nav-font-size:20px;display:inline-block;transform:translateY(calc(-1 * var(--nav-font-size) * 1.5));text-shadow:0px calc(var(--nav-font-size) * 1.5) 0px var(--font-color-main);transition:transform 0.3s cubic-bezier(0.15, 1, 0.35, 1)}.nav-inner .sub-menu ul li:hover>a{transform:translateY(0)}.nav-inner .sub-menu ul li:hover,.nav-inner .sub-menu ul li.active{width:100%;background-color:var(--bg-color-main);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-box-hover)}.navbar-icon{gap:1rem}@media (max-width: 767.98px){.navbar-icon{gap:0.5rem}}.navbar-icon .iconfont{font-size:1.35rem}.back-to-top{display:flex;overflow:hidden}.back-to-top .nav-top-item{text-align:center;font-size:0.8rem;width:1.6rem;height:1.6rem;line-height:1.6rem;border-radius:var(--border-radius-xlarge);background:var(--font-color-main);color:var(--bg-color-main);transition:width 0.3s, display 0.3s}.back-to-top .nav-top-item.top-to-active{width:5rem}.back-to-top .top-to-icon{display:none}.back-to-top:hover .top-to-icon{display:inline-block}.back-to-top:hover .top-to-text{display:none}.back-to-top:hover .nav-top-item{width:5rem}#nav-components.mobile-aside{display:flex;flex-direction:column;position:fixed;width:100%;max-height:95vh;min-height:70vh;opacity:0;visibility:hidden;background-color:var(--bg-color-main);bottom:0;z-index:1000;transform:translateY(100%);transition:transform 1s cubic-bezier(0.3, 0.7, 0, 1),opacity 1s linear,visibility 1s linear;border-top-left-radius:25px;border-top-right-radius:25px;box-shadow:0 -0.15rem 1.5rem 0.25rem var(--overlay-color-dark-1)}#nav-components.mobile-aside.open{visibility:visible;opacity:1;transform:translateY(0)}#nav-components.mobile-aside .back-box{display:inline-block;width:3rem;height:4px;border-radius:var(--border-radius-xlarge);background-color:var(--overlay-color-dark-3)}#nav-components.mobile-aside .mobile-close-btn{position:absolute;display:flex;right:0;top:0;width:2rem;height:2rem;background-color:var(--bg-color-body);border-radius:var(--border-radius-circle);align-items:center;justify-content:center}#nav-components.mobile-aside .nav-menu{overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#nav-components.mobile-aside .nav-menu>.nav-item{font-size:1rem;color:var(--font-color-main)}#nav-components.mobile-aside .nav-menu .nav-a .iconfont{font-size:1rem}#nav-components.mobile-aside .nav-menu .nav-a .nav-icon{display:none}#nav-components.mobile-aside .nav-menu .sub-menu{background-color:var(--bg-color-body);border-radius:var(--border-radius-medium)}.category-box{position:relative;width:100%;height:12rem;max-height:100%;overflow:hidden}.category-box .category-item{position:absolute;color:var(--bg-color-main);width:100%;height:100%;background-color:var(--overlay-color-dark-2)}.category-box .category-item .category-info{width:100%;height:100%}.category-box .category-item .category-name{display:block;font-size:1.15rem;font-weight:bold}.category-box .category-item .category-desc{display:block;font-size:0.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}.category-box img{width:100%;height:100%;object-fit:cover}.post-list{opacity:0;animation:fade-in-top 0.5s 0.3s forwards;-webkit-animation:fade-in-top 0.5s 0.3s forwards}.post-list .post-item{position:relative;min-width:0;word-wrap:break-word;align-self:stretch;flex:1 1 auto;overflow:hidden;border-radius:var(--border-radius-medium);border:var(--border-solid-main);box-shadow:var(--shadow-box-main);background:var(--gradient-0deg);background-clip:padding-box}.post-list .post-item:hover{background:var(--bg-color-main) !important;box-shadow:var(--shadow-box-hover)}.post-list .post-item:hover .post-cover img{transform:scale(1.1)}.post-list .post-item:hover .post-head>a{color:var(--color-blue-gray-medium) !important}.post-list .post-item .post-cover{position:relative;display:block;overflow:hidden;padding:0;flex-shrink:0}.post-list .post-item .post-cover::after{content:"";display:block;padding-top:60%}.post-list .post-item .post-cover img{max-width:100%;max-height:100%;transition:transform .3s ease-in-out;object-fit:cover}.post-list .post-item .post-cover a{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-clip:padding-box}.post-list .post-item .post-info{height:100%;width:100%;cursor:pointer;position:relative;gap:0.5rem}@media (max-width: 767.98px){.post-list .post-item .post-info{gap:0.15rem}}.post-list .post-item .post-info .post-head>a{margin-bottom:0.25rem;font-size:1rem;font-weight:600;line-height:1.5;color:var(--font-color-main);transition:color .3s ease 0s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}@media (max-width: 767.98px){.post-list .post-item .post-info .post-head>a{margin-bottom:0}}.post-list .post-item .post-info .top-tag{padding:0.15rem 0.35rem;font-size:0.85rem;color:rgba(255,20,20,0.8);background-color:rgba(255,130,130,0.2);border-radius:var(--border-radius-base)}.post-list .post-item .post-info .post-meta-wrap{--font-color-main:var(--font-color-main-light);color:var(--font-color-main)}.post-list .post-item .post-info .post-description{color:var(--font-color-main-transparent);font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}@media (max-width: 767.98px){.post-list .post-item{box-shadow:var(--shadow-box-small)}}.post-list .post-image-card .post-info .author-name{position:absolute;text-align:center;width:100%;font-size:2rem;font-weight:700;opacity:0;transform:translateY(0);transition:all .3s ease 0s}@media (max-width: 767.98px){.post-list .post-image-card .post-info .author-name{font-size:1.5rem}}.post-list .post-image-card .post-info .post-meta{position:absolute;bottom:0;right:.25rem;font-size:1.25rem;font-weight:700;opacity:.2}@media (max-width: 767.98px){.post-list .post-image-card .post-info .post-meta{font-size:1rem}}.post-list .post-image-card .post-cover{overflow:unset;height:65%;padding-bottom:15%}.post-list .post-image-card .post-cover .post-cover-image{position:absolute;width:50%;height:100%;overflow:hidden;z-index:2;left:25%;bottom:-.25rem;border:var(--border-solid-main);border-radius:var(--border-radius-medium);transition:all 0.3s ease-in-out;box-shadow:var(--shadow-hover-nav)}.post-list .post-image-card .post-cover .post-cover-image:nth-child(1){z-index:3;left:-1rem;bottom:-1rem;transform:rotate(-10deg)}.post-list .post-image-card .post-cover .post-cover-image:nth-child(3){z-index:1;right:-0.5rem;left:unset;transform:rotate(10deg)}.post-list .post-image-card .post-item:hover .post-info .author-name{opacity:.15;transform:translateY(-2rem)}.post-list .post-image-card .post-item:hover .post-cover-image:first-child{left:-0.5rem;transform:rotate(-5deg)}.post-list .post-image-card .post-item:hover .post-cover-image:last-child{right:-0.25rem;transform:rotate(5deg)}.author-content .author-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}.post-meta-wrap .author-name,.post-meta-wrap .post-meta{color:var(--font-color-main);font-size:0.85rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}@media (max-width: 767.98px){.post-meta-wrap .author-name,.post-meta-wrap .post-meta{font-size:0.8rem}}.pagination{gap:0.5rem;opacity:0;animation:fade-in-top 0.5s 0.8s forwards;-webkit-animation:fade-in-top 0.5s 0.8s forwards}.pagination .page-item{width:2rem;height:2rem}.pagination .page-item .page-link{color:var(--font-color-main);background:var(--gradient-45deg);background-clip:padding-box;border:var(--border-solid-main);box-shadow:var(--shadow-box-small)}.pagination .page-item.prev .iconfont,.pagination .page-item.next .iconfont{font-size:0.9rem}.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{font-weight:bold;color:var(--color-primary-dark-1);background:var(--bg-color-main) !important;box-shadow:var(--shadow-box-main)}.hh-widget,.card{width:100%;color:var(--font-color-main);border:var(--border-solid-main);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-box-main);background:var(--gradient-45deg);background-clip:padding-box}.hh-widget:not(.no-animation),.card:not(.no-animation){opacity:0;animation:fade-in-top 0.5s 0.3s forwards;-webkit-animation:fade-in-top 0.5s 0.3s forwards}.main-sidebar .widget-title{display:inline-block;font-size:1rem;font-weight:700}.main-sidebar .widget-title>.iconfont{font-size:1.1rem}.breadcrumb{font-size:0.85rem;background:none !important;opacity:0;animation:fade-in-top 0.3s 0.2s forwards;-webkit-animation:fade-in-top 0.3s 0.2s forwards}.breadcrumb li a,.breadcrumb li span{color:var(--font-color-main-light);font-size:0.8rem;line-height:1;padding:0.2rem 0.5rem;background:linear-gradient(to right, var(--bg-color-primary), var(--overlay-color-light-2));border-radius:var(--border-radius-xlarge);border:var(--border-solid-small);border-bottom-left-radius:var(--border-radius-small);box-shadow:var(--shadow-box-small)}.breadcrumb li span{color:var(--font-color-main);box-shadow:var(--shadow-inset-box)}.breadcrumb li:hover a{box-shadow:var(--shadow-inset-box)}.breadcrumb>li+li:before{opacity:.6;padding:0 0.35rem;color:var(--font-color-main-transparent);content:"\003e"}.post-header .author-left,.post-header .author-right{--font-color-main:var(--font-color-main-transparent);color:var(--font-color-main) !important}.post-head,.post-content{color:var(--font-color-main)}.post .iconfont{font-size:1rem}.post-content{position:relative;box-sizing:border-box}.post-copyright{position:relative;font-size:0.9rem;line-height:1.8;color:var(--font-color-main);border-radius:var(--border-radius-medium);z-index:1;border:var(--border-solid-small)}.copyright-svgname{position:absolute;height:3rem;top:30%;right:0;opacity:0.9;z-index:-1}.post-end{color:var(--border-color-main)}.post-end::after,.post-end::before{content:'';background:var(--border-color-main);max-width:50%;height:0.05rem;margin:0 1rem;flex:1}.category-and-tags{gap:.5rem}.category-and-tags a{font-size:0.75rem;color:var(--font-color-main-transparent);padding:0.25rem 0.5rem;border-radius:var(--border-radius-large);border:var(--border-solid-main);background-color:var(--bg-color-secondary)}.category-and-tags a:hover{background:var(--border-color-main)}.category-and-tags .post-tags{gap:.5rem}.category-and-tags .post-tags a{padding:0.15rem 0.5rem 0.15rem 0.15rem}.category-and-tags .post-tags a::before{content:'#';display:inline-flex;margin-right:0.25rem;background-color:var(--bg-color-main);width:20px;height:20px;line-height:20px;font-weight:700;justify-content:center;border-radius:var(--border-radius-large)}.post-tools{gap:1rem}.post-tools .post-tools-item{gap:0.35rem}.post-tools .post-tools-item .post-tools-title{color:var(--font-color-main-transparent);font-size:0.9rem}.post-tools button{width:3rem;height:3rem;background-image:var(--gradient-45deg);box-shadow:var(--shadow-box-small);border:var(--border-solid-main);border-radius:var(--border-radius-xlarge)}.post-tools button .iconfont{font-size:1.2rem}.post-tools .post-like-btn svg.icon{display:block;margin:auto;width:1.2rem;height:1.2rem}.post-tools button:hover{box-shadow:var(--shadow-inset-box)}.post-tools .post-like-btn.active{box-shadow:var(--shadow-inset-box);color:var(--color-primary)}.post-tools .post-like-btn.active .iconfont{color:var(--color-primary)}.post-tools .post-like-btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:var(--shadow-inset-box)}.post-tools .post-like-btn.disabled .iconfont{color:var(--color-primary)}.post-next-prev{gap:1rem;line-height:1.8}.post-next-prev .post-next,.post-next-prev .post-prev{position:relative}.post-next-prev .post-next .next-prev-title,.post-next-prev .post-prev .next-prev-title{cursor:default;line-height:1;font-size:1.25rem}.post-next-prev .post-next:hover .next-prev-title,.post-next-prev .post-prev:hover .next-prev-title{opacity:0.7}.post-next-prev a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}#comments{font-size:0.9rem}#comment-form .form-control{font-size:0.9rem}#comment-form .comment-form-info .comment-form-info-label{color:var(--font-color-main);box-shadow:var(--shadow-inset-box);border-radius:var(--border-radius-base);border:var(--border-solid-small)}#comment-form .comment-form-info .comment-form-info-label .iconfont{padding-left:.75rem;font-size:0.9rem;opacity:0.75}#comment-form .comment-form-info .comment-form-info-label input{box-shadow:unset !important;background-color:unset !important;border-radius:unset !important;border:unset !important}.com-footer .com-tool-list .com-tool-item{position:relative;border-radius:var(--border-radius-base)}.com-footer .com-tool-list .com-tool-item:hover,.com-footer .com-tool-list .com-tool-item.active{background:var(--bg-color-main)}.com-footer .com-tool-list .iconfont{font-size:1.25rem}.com-footer .com-tool-list .com-emoji{position:relative}.com-footer .com-tool-list .com-emoji .emoji-box{display:none;position:absolute;top:3rem;left:-0.5rem;z-index:10;background-image:var(--gradient-45deg);border:var(--border-solid-main);border-radius:var(--border-radius-base);overflow:hidden;box-shadow:var(--shadow-box-small)}.com-footer .com-tool-list .com-emoji .emoji-box.show-top{top:auto;bottom:3rem}.com-footer .com-tool-list .com-emoji .emoji-dropdown{max-width:100%;width:22rem;height:15rem;text-align:center;overflow-x:hidden;overflow-y:auto;margin:0}.com-footer .com-tool-list .com-emoji .emoji-item{display:inline-block;font-size:14px;cursor:pointer}.com-footer .com-tool-list .com-emoji .emoji-item .gif-img{min-width:4rem}.com-footer .com-tool-list .com-emoji .emoji-item img{width:2rem;height:auto;max-height:100%}.com-footer .com-tool-list .com-emoji .emoji-item:hover{border-radius:var(--border-radius-medium);background-color:var(--bg-color-main)}.com-footer .com-tool-list .com-emoji .emoji-bar{background-color:var(--bg-color-main)}.com-footer .com-tool-list .com-emoji .emoji-bar li{cursor:pointer}.com-footer .com-tool-list .com-emoji .emoji-bar li:hover,.com-footer .com-tool-list .com-emoji .emoji-bar li.emoji-active{background-color:var(--bg-color-secondary)}.com-footer .btn-card{color:var(--font-color-main);font-size:0.85rem;background-image:var(--gradient-45deg);box-shadow:var(--shadow-box-small);border:var(--border-solid-small);border-radius:var(--border-radius-medium);background-clip:padding-box}.com-footer .btn-card:hover{box-shadow:var(--shadow-inset-box)}.comment-body{position:relative;font-size:0.85rem}.comment-body .comment-author{position:relative;gap:0.5rem}.comment-body .comment-author .comment-name .comment-author-ua{font-size:0.7rem;color:var(--color-primary);background-color:var(--color-primary-light-5);padding:0.1rem 0.25rem;border-radius:var(--border-radius-small)}.comment-body .comment-author .comment-time,.comment-body .comment-author .comment-ua{margin-right:0.15rem;font-size:0.8rem;color:var(--font-color-main-transparent)}.comment-body .comment-author img{width:40px;height:40px;border-radius:var(--border-radius-circle);border:var(--border-solid-main)}.comment-body .comment-content{word-break:break-all}.comment-body .comment-content p{display:inline-block;margin:0}.comment-body .comment-content .emoji-image{display:inline-block !important;width:2rem;height:auto;max-height:100%;vertical-align:middle}.comment-body .comment-content img{display:block;max-width:100%;width:auto;height:10rem;margin:0.5rem 0;border-radius:var(--border-radius-small)}.comment-body .comment-content .repy-to-author a{color:var(--red)}.comment-body .comment-footer{display:inline-block;position:absolute;top:0.25rem;right:0.25rem;color:var(--font-color-main-transparent);font-size:0.85rem}.comment-body .comment-footer .iconfont{color:var(--border-color-main)}.comment-body .comment-footer:hover .iconfont{color:var(--font-color-main) !important}.comment-body:hover .comment-footer .iconfont{color:var(--font-color-main-transparent)}.comment-parent{border-radius:var(--border-radius-medium);box-shadow:var(--shadow-inset-box);border:var(--border-solid-small)}.comment-parent .comment-list{border-radius:var(--border-radius-medium);box-shadow:var(--shadow-inset-box);border:var(--border-solid-small)}.comment-parent .comment-list .comment-list .comment-child{border-bottom:1px dashed var(--overlay-color-dark-1)}.comment-parent .comment-list .comment-list .comment-child:last-child{border:none}.comment-parent .comment-list .repy-to-author+p{display:contents}.comment-child,.comment-parent{margin-bottom:0.25rem}.comment-child:last-child,.comment-parent:last-child{margin-bottom:0 !important}.comment-pagination ol{gap:0.5rem}.comment-pagination a{width:2rem;height:2rem;display:flex;background-image:var(--gradient-45deg);border:var(--border-solid-small);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-box-main);background-clip:padding-box;justify-content:center;align-items:center}.comment-pagination li.current a{font-weight:700}.comment-pagination a:hover,.comment-pagination li.current a{color:var(--color-primary);box-shadow:var(--shadow-inset-box)}.comment-pagination .com-next .iconfont,.comment-pagination .com-prev .iconfont{font-size:0.9rem}.footer{color:var(--font-color-main);background-color:var(--bg-color-main);font-size:0.875rem;min-height:var(--height-footer)}@media (min-width: 768px){.footer.footer-ui-two{background-color:transparent}.footer.footer-ui-two .container{padding:0.25rem 1rem;background-color:var(--bg-color-main);-webkit-box-shadow:var(--shadow-nav);box-shadow:var(--shadow-nav);border:var(--border-solid-main);border-radius:var(--border-radius-medium)}}@media (max-width: 767.98px){.footer{border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium)}.footer .container{flex-direction:column-reverse;align-items:center}.footer .footer-left{text-align:center;justify-content:center}}.footer .theme-toggle{margin:0 auto;gap:0.15rem;background:var(--bg-color-body);border-radius:var(--border-radius-xlarge);border:var(--border-solid-small)}.footer .theme-toggle button{line-height:1;background:transparent;border-radius:var(--border-radius-large)}.footer .theme-toggle button.active,.footer .theme-toggle button:hover{background:var(--bg-color-main)}.footer .theme-toggle .iconfont{font-size:0.85rem;color:var(--font-color-main-light)}.footer .social-info-list a{display:flex;width:1.75rem;height:1.75rem;background-color:var(--bg-color-main-dark);border-radius:var(--border-radius-circle);align-items:center;justify-content:center;transition:background-color 0.2s}.footer .social-info-list a i{color:var(--bg-color-main);font-size:1rem}.footer .social-info-list a:hover{background-color:var(--bg-color-body)}.footer .social-info-list a:hover i{color:var(--font-color-main)}.captcha-container{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.com-footer .captcha-container{margin-top:0}.captcha-container .captcha{width:6.25rem;height:2.25rem;flex-shrink:0;object-fit:fill;border:var(--border-solid-main);border-radius:var(--border-radius-base);cursor:pointer;background-color:var(--bg-color-primary)}.captcha-container .captcha:hover{opacity:.85}.captcha-container .captcha_input{flex:0 0 auto;width:6.5rem;height:2.25rem;padding:0 .75rem;font-size:.9rem;text-align:center;color:var(--font-color-main);background-color:var(--bg-color-primary);border:var(--border-solid-main);border-radius:var(--border-radius-base);outline:none;transition:border-color 0.3s ease,box-shadow 0.3s ease}.captcha-container .captcha_input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem var(--color-primary-light-5)}.hh-toast-wrap{position:fixed;top:5rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.hh-toast{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;color:var(--font-color-main);background-image:var(--gradient-45deg);border:var(--border-solid-main);border-radius:var(--border-radius-xlarge);box-shadow:var(--shadow-box-main);opacity:0;transform:translateY(-.75rem) scale(.95);transition:opacity 0.3s ease,transform 0.3s ease}.hh-toast.show{opacity:1;transform:translateY(0) scale(1)}.hh-toast.hide{opacity:0;transform:translateY(-.75rem) scale(.95)}.hh-toast .hh-toast-icon{font-size:1.1rem}.hh-toast.success .hh-toast-icon{color:var(--color-primary)}.hh-toast.warning .hh-toast-icon{color:#ff8f1f}.hh-toast.error .hh-toast-icon{color:#f53f3f}.hh-toast.info .hh-toast-icon{color:var(--color-primary-light-2)}.pop-tool-overlay-bg{opacity:0;visibility:hidden;position:fixed;inset:0;background:var(--overlay-color-light-1);-webkit-backdrop-filter:var(--backdrop-filter-main);backdrop-filter:var(--backdrop-filter-main);z-index:997;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;transform:rotate(45deg) scale(0)}.open .pop-tool-overlay-bg{opacity:1 !important;visibility:visible !important;transform:rotate(0) scale(1) !important}.open .pop-tool-box{opacity:1 !important;visibility:visible !important;top:45% !important;transform:translate(-50%, -50%) scale(1) !important}.pop-tool-box{opacity:0;visibility:hidden;position:fixed;width:calc(-20px + 100vw);max-height:calc(100vh - 6rem);max-width:50rem;z-index:998;top:35%;left:50%;transform:translate(-50%, -50%) scale(0);overflow:hidden;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.close-btn{position:absolute;right:0;top:0;background:var(--font-color-main);border-bottom-left-radius:var(--border-radius-medium)}.close-btn i{color:var(--bg-color-main)}.search-box .search-form{position:relative}.search-box .search-name h5{font-weight:700}.search-box .form-control{position:relative;width:100%;height:100%;padding:0.6rem 2rem 0.6rem 1rem;font-size:0.9rem;border-radius:var(--border-radius-medium)}.search-box .site-search-btn{position:absolute;right:0;top:0;width:3rem;height:100%;z-index:1}.main-poster .poster-box{width:400px;max-width:calc(100vw - 1rem);padding:0 !important;overflow:unset;color:var(--font-color-main)}.main-poster .poster-box .poster-post-box{--poster-text-color:var(--font-color-main-light);position:relative;background:var(--gradient-0deg);width:100%;overflow:hidden;border-radius:var(--border-radius-base)}.main-poster .poster-box .poster-cover{height:200px;border-radius:var(--border-radius-small);overflow:hidden}.main-poster .poster-box .poster-content{gap:1rem}.main-poster .poster-box .poster-content .poster-date{height:100%;color:var(--gray-dark);background-color:var(--white);border-radius:var(--border-radius-medium)}.main-poster .poster-box .poster-content .poster-post-content .poster-post-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}.main-poster .poster-box .poster-content .poster-post-content .poster-post-text{font-size:0.9rem;color:var(--poster-text-color)}.main-poster .poster-box .poster-footer{border:var(--border-solid-small)}.main-poster .poster-box .down-btn-box{width:100%;position:absolute;bottom:-4rem}.main-reward .reward-box{width:auto}.main-reward .reward-content{gap:1rem}.main-reward .reward-content .reward-qr{color:var(--font-color-muted);box-shadow:var(--shadow-inset-box);border-radius:var(--border-radius-base);overflow:hidden;padding:0.25rem}.main-reward .reward-content .reward-qr img{width:10rem;border-radius:var(--border-radius-base)}@media (max-width: 767.98px){.main-reward .reward-content .reward-qr img{width:8rem}}.share-box{top:50%}.share-box p{text-align:center;color:var(--font-color-main-transparent);background-color:var(--bg-color-primary);border-radius:var(--border-radius-base);border:var(--border-solid-small)}.share-box p:hover{color:var(--font-color-main);background:var(--overlay-color-light-5)}.share-box .share-a{gap:20px}.share-box .share-a .share-item{width:3rem;height:3rem;background-image:var(--gradient-0deg);box-shadow:var(--shadow-box-main);border:var(--border-solid-main);background-clip:padding-box;border-radius:var(--border-radius-circle)}.share-box .share-a .share-item:hover{box-shadow:var(--shadow-inset-box)}.share-box .wechat-qrcode img,.share-box .zdyqr-qrcode img{width:10rem;height:10rem}.hh-cat-section-row{margin-top:.75rem;margin-left:0;margin-right:0}.hh-cat-section-col{padding:.5rem;display:flex}.hh-cat-section{overflow:hidden;width:100%}.hh-cat-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .85rem;background:var(--gradient-45deg);border-bottom:var(--border-solid-small)}.hh-cat-section-title-wrap{display:flex;align-items:center;gap:.5rem;min-width:0}.hh-cat-section-bar{width:4px;height:1.3rem;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light-2));flex-shrink:0}.hh-cat-section-title{font-size:.95rem;font-weight:700;color:var(--color-primary);line-height:1.3}.hh-cat-section-desc{margin-top:.1rem;font-size:.68rem;color:var(--font-color-main-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8rem}.hh-cat-section-more{display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0;padding:.25rem .6rem;font-size:.7rem;color:var(--font-color-main-light);background:var(--bg-color-main);border:var(--border-solid-small);border-radius:var(--border-radius-xlarge);box-shadow:var(--shadow-box-small);transition:all 0.3s ease}.hh-cat-section-more .iconfont{font-size:.6rem}.hh-cat-section-more:hover{color:var(--color-primary);box-shadow:var(--shadow-inset-box)}.hh-cat-section-body{display:flex;gap:.6rem;padding:.6rem}.hh-cat-feature{flex:0 0 9rem;max-width:9rem}.hh-cat-feature-link{display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius-medium);overflow:hidden;border:1px solid var(--border-color-main);box-shadow:var(--shadow-box-small);background:var(--widget-bg-gradient);transition:all 0.3s ease}.hh-cat-feature-link:hover{box-shadow:var(--shadow-box-hover);transform:translateY(-3px);border-color:var(--color-primary-light-3)}.hh-cat-feature-cover{position:relative;width:100%;padding-top:70%;overflow:hidden;background:var(--bg-color-primary)}.hh-cat-feature-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--overlay-color-dark-1));opacity:.4;pointer-events:none;transition:opacity 0.3s ease}.hh-cat-feature-link:hover .hh-cat-feature-cover::after{opacity:0}.hh-cat-feature-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.hh-cat-feature-link:hover .hh-cat-feature-cover img{transform:scale(1.08)}.hh-cat-feature-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--font-color-muted)}.hh-cat-feature-noimg .iconfont{font-size:1.8rem}.hh-cat-feature-info{padding:.55rem .65rem;display:flex;flex-direction:column;gap:.3rem}.hh-cat-feature-title{margin:0;font-size:.8rem;font-weight:600;line-height:1.35;color:var(--font-color-main);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.hh-cat-feature-link:hover .hh-cat-feature-title{color:var(--color-primary)}.hh-cat-feature-desc{margin:0;font-size:.65rem;line-height:1.4;color:var(--font-color-main-light);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.hh-cat-feature-date{font-size:.62rem;color:var(--font-color-muted);display:flex;align-items:center;gap:.2rem}.hh-cat-feature-date .iconfont{font-size:.62rem}.hh-cat-list{flex:1 1 0%;min-width:0;margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.hh-cat-list-item{border-bottom:1px dashed var(--overlay-color-dark-1)}.hh-cat-list-item:last-child{border-bottom:none}.hh-cat-list-item a{display:flex;align-items:center;gap:.4rem;padding:.35rem .3rem;transition:all 0.2s ease;border-radius:var(--border-radius-small)}.hh-cat-list-item a:hover{background:var(--bg-color-main);padding-left:.5rem}.hh-cat-list-dot{width:5px;height:5px;border-radius:50%;background:var(--color-primary-light-3);flex-shrink:0;transition:all 0.2s ease}.hh-cat-list-item a:hover .hh-cat-list-dot{background:var(--color-primary);transform:scale(1.3)}.hh-cat-list-title{flex:1 1 0%;min-width:0;font-size:.76rem;color:var(--font-color-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-cat-list-item a:hover .hh-cat-list-title{color:var(--color-primary)}.hh-cat-list-date{flex-shrink:0;font-size:.63rem;color:var(--font-color-muted)}@media (max-width: 767.98px){.hh-cat-section-row{margin-top:.5rem}.hh-cat-section-col{padding:.35rem}.hh-cat-section-header{padding:.5rem .7rem;gap:.5rem}.hh-cat-section-bar{height:1.1rem}.hh-cat-section-title{font-size:.88rem}.hh-cat-section-desc{display:none}.hh-cat-section-more{font-size:.65rem;padding:.2rem .5rem}.hh-cat-section-more .iconfont{display:none}.hh-cat-section-body{flex-direction:column;gap:.6rem;padding:.6rem}.hh-cat-feature{flex:none;max-width:100%;width:100%}.hh-cat-feature-link{flex-direction:row}.hh-cat-feature-cover{flex:0 0 6.5rem;width:6.5rem;padding-top:0;height:4.2rem}.hh-cat-feature-cover::after{display:none}.hh-cat-feature-info{padding:.4rem .5rem .4rem .65rem;justify-content:center}.hh-cat-feature-title{font-size:.78rem;-webkit-line-clamp:1}.hh-cat-feature-desc{display:none}.hh-cat-feature-date{font-size:.6rem}.hh-cat-list-item a{padding:.35rem .3rem;gap:.35rem}.hh-cat-list-dot{width:4px;height:4px}.hh-cat-list-title{font-size:.75rem}.hh-cat-list-date{font-size:.6rem}}