.logo-link[data-v-05642de5]{text-decoration:none;display:block}.logo[data-v-05642de5]{display:flex;align-items:center;cursor:pointer}.logo-image[data-v-05642de5]{width:40px;height:40px;object-fit:contain}.logo-text[data-v-05642de5]{font-size:24px;font-weight:700;color:#007bff;margin-left:5px;min-width:72px}.header[data-v-4ba15d61]{height:64px;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.dark-theme.header[data-v-4ba15d61]{border-bottom-color:#3a3d3e}.header-wrapper[data-v-4ba15d61]{height:100%;display:flex;align-items:stretch;background:#fff;transition:all .3s ease;width:100%;max-width:1920px;margin:0 auto;box-sizing:border-box}@media (max-width: 480px){.header-wrapper[data-v-4ba15d61]{padding:0 5px}}.header-left[data-v-4ba15d61]{padding-left:20px;display:flex;align-items:center;background:#fff;transition:all .3s ease}.menu-btn[data-v-4ba15d61]{display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:none;cursor:pointer;color:#666;z-index:1100;margin-left:24px}@media (min-width: 769px){.menu-btn[data-v-4ba15d61]{width:40px;height:40px;border-radius:50%;transition:background-color .2s ease}.menu-btn[data-v-4ba15d61]:hover{background-color:#0000000d}}.nav-menu[data-v-4ba15d61]{flex:1;display:flex;align-items:center;padding:0 15px 0 3rem;gap:20px;background:#fff;transition:all .3s ease;height:100%;overflow:visible;white-space:nowrap;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.nav-menu[data-v-4ba15d61]::-webkit-scrollbar{display:none}@media (max-width: 1366px){.nav-menu[data-v-4ba15d61]{gap:10px}}@media (max-width: 1200px){.nav-menu[data-v-4ba15d61]{gap:8px}}@media (max-width: 1024px){.nav-menu[data-v-4ba15d61]{gap:6px}}@media (max-width: 992px){.nav-menu[data-v-4ba15d61]{gap:4px;padding:0 8px}}@media (max-width: 768px){.nav-menu[data-v-4ba15d61]{display:none}}.nav-item[data-v-4ba15d61]{position:relative;height:100%;display:flex;align-items:center;overflow:visible}@media (max-width: 1333px){.nav-item.about-us-item[data-v-4ba15d61]{display:none!important}}@media (max-width: 1225px){.ai-resources-item[data-v-4ba15d61]{display:none}}@media (max-width: 1050px){.online-tools-item[data-v-4ba15d61]{display:none}}@media (max-width: 870px){.site-direct-item[data-v-4ba15d61]{display:none}}.nav-link[data-v-4ba15d61]{text-decoration:none;font-size:15px;padding:6px 10px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap;font-weight:500}@media (max-width: 1200px){.nav-link[data-v-4ba15d61]{font-size:13.5px;padding:6px 9px}}@media (max-width: 1024px){.nav-link[data-v-4ba15d61]{font-size:13px;padding:6px 8px}}@media (max-width: 992px){.nav-link[data-v-4ba15d61]{font-size:12.5px;padding:6px 7px}}.nav-link[data-v-4ba15d61]:hover{color:#8316ff!important;font-weight:bolder}.io-black-mode .nav-link[data-v-4ba15d61]:hover{color:#fff;background:#8888881a}.arrow-down[data-v-4ba15d61]{font-size:12px;color:#666;transition:transform .2s ease}.nav-item:hover .arrow-down[data-v-4ba15d61]{transform:rotate(180deg)}.submenu[data-v-4ba15d61]{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:160px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:8px 0;z-index:1000}.nav-item:hover .submenu[data-v-4ba15d61]{display:block}.submenu[data-v-4ba15d61]:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#fff;border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.submenu-item[data-v-4ba15d61]{display:block;padding:8px 20px;color:#333;text-decoration:none;font-size:14px;transition:all .2s ease;white-space:nowrap}.submenu-item[data-v-4ba15d61]:hover{background:#f5f5f5;color:var(--primary-color)}.header-right[data-v-4ba15d61]{display:flex;align-items:center;gap:15px;padding:0 15px;transition:all .3s ease;height:100%;flex-wrap:nowrap;justify-content:flex-end}@media (max-width: 768px){.header-right[data-v-4ba15d61]{gap:10px;padding:0 10px;width:100%;flex:1}}@media (max-width: 480px){.header-right[data-v-4ba15d61]{gap:8px;padding:0 8px}}.menu-icon[data-v-4ba15d61]{position:relative;cursor:pointer;width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon:not(.menu-icon-mini) .menu-line[data-v-4ba15d61]{width:100%;height:3px;background-color:currentColor;border-radius:2px;transition:all .3s ease;transform-origin:center}.menu-icon-active:not(.menu-icon-mini) .menu-line[data-v-4ba15d61]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-icon-active:not(.menu-icon-mini) .menu-line[data-v-4ba15d61]:nth-child(2){opacity:0;transform:scale(0)}.menu-icon-active:not(.menu-icon-mini) .menu-line[data-v-4ba15d61]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-icon-mini[data-v-4ba15d61]{width:20px;height:20px;flex-direction:row;align-items:center;justify-content:center}.menu-icon-mini .menu-line[data-v-4ba15d61]{display:none}.menu-icon-mini[data-v-4ba15d61]:before{content:"☰";font-size:25px;font-weight:bolder;color:currentColor}.menu-icon-mini.menu-icon-active[data-v-4ba15d61]:before{content:"☰";font-size:25px;font-weight:bolder}@media (max-width: 768px){.user-menu[data-v-4ba15d61]{width:48px!important;height:48px!important;padding:6px!important}.user-menu[data-v-4ba15d61]:hover,.user-menu[data-v-4ba15d61]:focus-within{width:120px!important;padding:6px 8px!important}.user-menu:hover .user-info[data-v-4ba15d61],.user-menu:focus-within .user-info[data-v-4ba15d61]{width:60px}.user-avatar[data-v-4ba15d61]{width:36px;height:36px}.avatar-icon[data-v-4ba15d61]{width:18px;height:18px}.user-dropdown[data-v-4ba15d61]{right:0!important;min-width:150px;transform:translate(0)!important;left:auto!important}}@media (max-width: 480px){.user-dropdown[data-v-4ba15d61]{right:-20px;min-width:140px}.dropdown-item[data-v-4ba15d61]{padding:10px 16px;font-size:13px}}.theme-toggle-btn[data-v-4ba15d61]{width:40px;height:40px;border:none;border-radius:8px;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn[data-v-4ba15d61]:hover{background:#e8e8e8;transform:scale(1.05)}.io-black-mode .theme-toggle-btn[data-v-4ba15d61]{background:#3a3d3e}.io-black-mode .theme-toggle-btn[data-v-4ba15d61]:hover{background:#4a4d4e}.io-black-mode .search-input[data-v-4ba15d61]{background:#ffffff0d;border-color:#ffffff1a;color:#b2b8be;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.io-black-mode .search-input[data-v-4ba15d61]:focus{background:#0000004d;border-color:#4f46e5;box-shadow:0 4px 20px #4f46e533,0 0 0 3px #4f46e526}.io-black-mode .search-input[data-v-4ba15d61]::placeholder{color:#888}.io-black-mode .search-btn[data-v-4ba15d61]{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #4f46e566;color:#fff!important}.io-black-mode .search-btn svg[data-v-4ba15d61]{color:#fff!important}.io-black-mode .search-btn[data-v-4ba15d61]:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 4px 16px #4f46e580;color:#fff!important}.io-black-mode .search-btn:hover svg[data-v-4ba15d61]{color:#fff!important}.io-black-mode .search-suggestions[data-v-4ba15d61]{background:#2c2e2f;border-color:#3a3d3e}.io-black-mode .suggestion-group[data-v-4ba15d61]{border-color:#3a3d3e}.io-black-mode .suggestion-item[data-v-4ba15d61]:hover{background:#8888881a}.io-black-mode .submenu[data-v-4ba15d61]{background:#2c2e2f;border:1px solid #3a3d3e}.io-black-mode .submenu[data-v-4ba15d61]:before{background:#2c2e2f;border-left:1px solid #3a3d3e;border-top:1px solid #3a3d3e}.io-black-mode .submenu-item[data-v-4ba15d61]:hover{background:#8888881a}.io-black-mode .user-dropdown[data-v-4ba15d61]{background:#2c2e2f;border-color:#3a3d3e}.io-black-mode .dropdown-item[data-v-4ba15d61]:hover{background:#8888881a}.io-black-mode .divider[data-v-4ba15d61]{border-color:#3a3d3e}.io-black-mode .menu-btn[data-v-4ba15d61]{color:#b2b8be;background:transparent;border:none}.io-black-mode .menu-btn[data-v-4ba15d61]:hover{color:#fff;background:#8888881a;transform:scale(1.05)}.io-black-mode .menu-btn[data-v-4ba15d61]:active{transform:scale(.95)}.io-black-mode .menu-icon[data-v-4ba15d61]{color:#b2b8be}.io-black-mode .menu-btn:hover .menu-icon[data-v-4ba15d61]{color:#fff}.io-black-mode .menu-line[data-v-4ba15d61]{background-color:#b2b8be}.io-black-mode .menu-btn:hover .menu-line[data-v-4ba15d61]{background-color:#fff}.io-black-mode .header-right[data-v-4ba15d61]{border-left-color:#3a3d3e}.io-black-mode .arrow-down[data-v-4ba15d61]{color:#888}.io-black-mode .header-left[data-v-4ba15d61]{background:#2c2e2f;border-right-color:#3a3d3e}.io-black-mode .nav-menu[data-v-4ba15d61],.io-black-mode .header-wrapper[data-v-4ba15d61]{background:#2c2e2f}.io-black-mode .nav-item[data-v-4ba15d61]{color:#b2b8be}.io-black-mode .nav-item.active[data-v-4ba15d61]{background:#1677ff33;color:#fff}.io-black-mode .nav-item.active .nav-link[data-v-4ba15d61]{color:#fff}.io-black-mode .nav-link[data-v-4ba15d61]{color:#b2b8be}.io-black-mode .nav-link[data-v-4ba15d61]:hover{color:#fff}.io-black-mode .user-menu[data-v-4ba15d61]{color:#b2b8be;background:#ffffff0d;border-color:#ffffff1a}.io-black-mode .user-menu[data-v-4ba15d61]:hover,.io-black-mode .user-menu[data-v-4ba15d61]:focus-within{color:#fff;background:#ffffff14;border-color:#ffffff26;box-shadow:0 4px 12px #0000004d;width:130px;border-radius:12px;padding:8px 10px}.io-black-mode .user-name[data-v-4ba15d61]{color:#b2b8be}.io-black-mode .user-role[data-v-4ba15d61]{color:#888}.io-black-mode .user-menu:hover .user-name[data-v-4ba15d61],.io-black-mode .user-menu:focus-within .user-name[data-v-4ba15d61]{color:#fff}.io-black-mode .user-menu:hover .user-role[data-v-4ba15d61],.io-black-mode .user-menu:focus-within .user-role[data-v-4ba15d61]{color:#ccc}.io-black-mode .user-avatar[data-v-4ba15d61]{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #0006}.io-black-mode .user-dropdown[data-v-4ba15d61]{background:#2c2e2f;border-color:#3a3d3e;box-shadow:0 8px 32px #00000080}.io-black-mode .dropdown-item[data-v-4ba15d61]{color:#b2b8be}.io-black-mode .dropdown-item[data-v-4ba15d61]:hover{background:linear-gradient(90deg,#4f46e533,#7c3aed33);color:#a5b4fc}.io-black-mode .user-menu:hover .avatar[data-v-4ba15d61]{color:#fff}.theme-icon[data-v-4ba15d61]{font-size:18px;-webkit-user-select:none;user-select:none}.search-box[data-v-4ba15d61]{position:relative}.search-input[data-v-4ba15d61]{width:220px;height:40px;padding:0 44px 0 16px;border:1px solid rgba(0,0,0,.08);border-radius:20px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#00000005;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000a}.search-input[data-v-4ba15d61]:focus{width:280px;background:#fffffff2;border-color:#667eea;outline:none;box-shadow:0 4px 20px #667eea26,0 0 0 3px #667eea1a;transform:translateY(-1px)}.search-input[data-v-4ba15d61]::placeholder{color:#999;font-weight:400}.search-btn[data-v-4ba15d61]{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;padding:8px;color:#fff!important;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea4d}.search-btn svg[data-v-4ba15d61]{color:#fff!important;width:16px;height:16px;fill:currentColor}.search-btn[data-v-4ba15d61]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 16px #667eea66;color:#fff!important}.search-btn:hover svg[data-v-4ba15d61]{color:#fff!important}.search-btn[data-v-4ba15d61]:active{transform:translateY(-50%) scale(.95)}.search-suggestions[data-v-4ba15d61]{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:8px 0;z-index:1000}@media (max-width: 1200px){.header .header-wrapper .header-right .search-box .search-input[data-v-4ba15d61]{width:180px}.header .header-wrapper .header-right .search-box .search-input[data-v-4ba15d61]:focus{width:220px}@media (max-width: 768px){.header .header-wrapper .header-right .search-box .search-input[data-v-4ba15d61]{width:140px}.header .header-wrapper .header-right .search-box .search-input[data-v-4ba15d61]:focus{width:180px}}@media (max-width: 480px){.header .header-wrapper .header-right .search-box .search-input[data-v-4ba15d61]{width:100px}.header .header-wrapper .header-right .search-box .search-input[data-v-4ba15d61]:focus{width:140px}}.header .header-wrapper .header-right .search-box .search-suggestions[data-v-4ba15d61],.header .header-wrapper .header-right .search-box:hover .search-suggestions[data-v-4ba15d61]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important;overflow:hidden!important}.header .header-wrapper .header-right .search-box .search-input:focus~.search-suggestions[data-v-4ba15d61]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important;overflow:hidden!important}.io-black-mode .header .header-wrapper .header-right .search-box .search-suggestions[data-v-4ba15d61]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important;overflow:hidden!important}}.suggestion-group[data-v-4ba15d61]{padding:4px 0}.suggestion-group+.suggestion-group[data-v-4ba15d61]{border-top:1px solid #e8e8e8;margin-top:4px}.suggestion-header[data-v-4ba15d61]{padding:8px 16px;color:#999;font-size:12px}.suggestion-item[data-v-4ba15d61]{display:block;padding:8px 16px;color:#333;text-decoration:none;font-size:14px;transition:all .2s ease}.suggestion-item[data-v-4ba15d61]:hover{background:#f5f5f5;color:var(--primary-color)}.user-menu[data-v-4ba15d61]{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background:#00000005;border:1px solid rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);color:#333;width:56px;height:56px;flex-shrink:0}@media (max-width: 768px){.user-menu[data-v-4ba15d61]{width:48px;height:48px;padding:6px}}.user-avatar-wrapper[data-v-4ba15d61]{display:flex;align-items:center;gap:0;width:100%;transition:gap .4s cubic-bezier(.4,0,.2,1)}.user-avatar[data-v-4ba15d61]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 2px 8px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}@media (max-width: 768px){.user-avatar[data-v-4ba15d61]{width:36px;height:36px}}.nav-item .item-icon[data-v-4ba15d61]{display:inline-block;width:20px;margin-right:8px;text-align:center}.nav-item .submenu .item-icon[data-v-4ba15d61]{margin-right:12px}.avatar-icon[data-v-4ba15d61]{width:20px;height:20px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.user-avatar[data-v-4ba15d61]:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.user-info[data-v-4ba15d61]{display:flex;flex-direction:column;width:0;min-width:0;opacity:0;transform:translate(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.user-name[data-v-4ba15d61]{font-size:13px;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-role[data-v-4ba15d61]{font-size:11px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:1px;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-dropdown[data-v-4ba15d61]{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);padding:12px 0;z-index:1000;opacity:0;transform:translateY(-10px);transition:all .3s ease .1s}.user-dropdown[data-v-4ba15d61]:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:transparent}.user-menu:hover .user-dropdown[data-v-4ba15d61],.user-menu:focus-within .user-dropdown[data-v-4ba15d61],.user-dropdown[data-v-4ba15d61]:hover{display:block;opacity:1;transform:translateY(0)}.user-menu[data-v-4ba15d61]:hover,.user-menu[data-v-4ba15d61]:focus-within{width:130px;border-radius:12px;padding:8px 10px;background:#0000000d;border-color:#0000001a;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-menu:hover .user-avatar-wrapper[data-v-4ba15d61],.user-menu:focus-within .user-avatar-wrapper[data-v-4ba15d61]{gap:10px}.user-menu:hover .user-info[data-v-4ba15d61],.user-menu:focus-within .user-info[data-v-4ba15d61]{width:70px;opacity:1;transform:translate(0)}.dropdown-item[data-v-4ba15d61]{display:flex;align-items:center;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;transition:all .2s ease;white-space:nowrap;position:relative}.dropdown-item[data-v-4ba15d61]:hover{background:linear-gradient(90deg,#667eea1a,#764ba21a);color:#667eea;padding-left:24px}.dropdown-item[data-v-4ba15d61]:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 2px 2px 0}.icon[data-v-4ba15d61]{width:16px;height:16px;margin-right:8px;opacity:.8}.divider[data-v-4ba15d61]{height:1px;background:#e8e8e8;margin:8px 0}.item-icon[data-v-4ba15d61]{display:inline-block;width:20px;margin-right:20px;text-align:center;font-size:16px}.submenu-item[data-v-4ba15d61],.suggestion-item[data-v-4ba15d61],.dropdown-item[data-v-4ba15d61]{display:flex;align-items:center;padding:8px 20px;color:#333;width:94%;margin-left:3%;border-radius:6px;text-decoration:none;font-size:14px;transition:all .2s ease;white-space:nowrap}.submenu-item[data-v-4ba15d61]:hover,.suggestion-item[data-v-4ba15d61]:hover,.dropdown-item[data-v-4ba15d61]:hover{background:#0000001a;color:var(--primary-color);color:#8316ff!important;font-weight:bolder}@media (max-width: 1456px){.header-left[data-v-4ba15d61]{min-width:180px}.nav-menu[data-v-4ba15d61]{padding:0 20px 0 4rem;gap:18px}.search-input[data-v-4ba15d61]{width:220px}.search-input[data-v-4ba15d61]:focus{width:260px}}@media (max-width: 1200px){.header-left[data-v-4ba15d61]{min-width:160px}.nav-menu[data-v-4ba15d61]{padding:0 18px 0 3rem;gap:16px}.search-input[data-v-4ba15d61]{width:200px}.search-input[data-v-4ba15d61]:focus{width:240px}}@media (max-width: 1024px){.header-left[data-v-4ba15d61]{min-width:140px}.nav-menu[data-v-4ba15d61]{padding:0 16px 0 3rem;gap:14px}.header-right[data-v-4ba15d61]{padding:0 16px}.search-input[data-v-4ba15d61]{width:180px}.search-input[data-v-4ba15d61]:focus{width:220px}}@media (max-width: 992px){.header-left[data-v-4ba15d61]{min-width:130px;padding:0 16px 0 23px}.nav-menu[data-v-4ba15d61]{padding:0 16px;gap:12px}.header-right[data-v-4ba15d61]{padding:0 16px}.search-input[data-v-4ba15d61]{width:160px}.search-input[data-v-4ba15d61]:focus{width:200px}}@media (max-width: 768px){.header[data-v-4ba15d61]{height:56px}.header-left[data-v-4ba15d61]{width:auto;min-width:auto;border-right:none}.menu-btn[data-v-4ba15d61]{display:block}.nav-menu[data-v-4ba15d61]{display:none}.header-right[data-v-4ba15d61]{padding:0 16px;border-left:none}.search-box[data-v-4ba15d61]{display:none}.user-menu[data-v-4ba15d61]{width:32px;height:32px}}.sidebar[data-v-f92675b1]{width:215px;height:100vh;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:all .3s ease;display:flex;flex-direction:column;padding-top:8px}.sidebar-logo[data-v-f92675b1]{height:52px;padding:0 10px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e8e8e8}@media (max-width: 768px){.sidebar-logo[data-v-f92675b1]{height:56px;padding:0 12px}}.sidebar[data-v-f92675b1]{transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.sidebar[data-v-f92675b1]{width:280px;transform:translate(-100%);z-index:1100}.sidebar.active[data-v-f92675b1]{transform:translate(0)}}@media (max-width: 680px){.sidebar[data-v-f92675b1]{width:260px}}@media (max-width: 600px){.sidebar[data-v-f92675b1]{width:240px}}@media (max-width: 520px){.sidebar[data-v-f92675b1]{width:220px}}@media (max-width: 440px){.sidebar[data-v-f92675b1]{width:90vw;max-width:220px}}@media (max-width: 360px){.sidebar[data-v-f92675b1]{width:95vw;max-width:200px}}.sidebar-overlay[data-v-f92675b1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1050;display:none}@media (max-width: 768px){.sidebar-overlay[data-v-f92675b1]{display:block}.item-header[data-v-f92675b1]{padding:14px 16px;margin:0 6px}.item-text[data-v-f92675b1]{font-size:15px}.sub-item[data-v-f92675b1]{padding:12px 16px 12px 32px;margin:0 6px 0 20px}.sub-item-text[data-v-f92675b1]{font-size:14px}.footer-button[data-v-f92675b1]{padding:12px 16px;margin:0 6px}}@media (max-width: 480px){.item-header[data-v-f92675b1]{padding:16px 12px;margin:0 4px}.sub-item[data-v-f92675b1]{padding:14px 12px 14px 28px;margin:0 4px 0 16px}.footer-button[data-v-f92675b1]{padding:14px 12px;margin:0 4px}.item-text[data-v-f92675b1],.sub-item-text[data-v-f92675b1],.button-text[data-v-f92675b1]{font-size:16px}}.sidebar-items[data-v-f92675b1]{flex:1;overflow-y:auto;overflow-x:hidden;margin-top:6px}.sidebar-item[data-v-f92675b1]{cursor:pointer}.item-header[data-v-f92675b1]{display:flex;align-items:center;padding:10px 12px 10px 14px;margin:0 4px 0 7px;border-radius:5px;transition:all .2s ease}.item-header[data-v-f92675b1]:hover{color:#1677ff;font-weight:bolder;background:#0000001a}.dark-theme .item-header[data-v-f92675b1]:hover{color:#fff;background:#8888881a}.item-icon[data-v-f92675b1]{width:24px;height:24px;margin-right:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.item-text[data-v-f92675b1]{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5715}.arrow-icon[data-v-f92675b1]{font-size:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;margin-left:8px}.arrow-icon.expanded[data-v-f92675b1]{transform:rotate(90deg)}.sub-menu-wrapper[data-v-f92675b1]{overflow:hidden;height:0;opacity:0;visibility:hidden;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);will-change:height,opacity,visibility}.sub-menu-wrapper.expanded[data-v-f92675b1]{opacity:1;visibility:visible}.sub-menu[data-v-f92675b1]{padding:4px 0}.sub-item[data-v-f92675b1]{display:flex;align-items:center;padding:8px 12px 8px 30px;margin:0 4px 0 16px;border-radius:5px;cursor:pointer;transition:all .2s ease}.sub-item[data-v-f92675b1]:hover{color:#1677ff!important;font-weight:500;background:#0000001a!important}.dark-theme .sub-item[data-v-f92675b1]:hover{color:#fff!important;background:#8888881a!important}.sub-item.active[data-v-f92675b1]{color:#1677ff;background:#e6f4ff}.dark-theme .sub-item.active[data-v-f92675b1]{color:#fff;background:#1677ff33}.sub-item-icon[data-v-f92675b1]{width:20px;height:20px;margin-right:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.sub-item-text[data-v-f92675b1]{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5715}.border-top.py-2.border-color[data-v-f92675b1]{border-top:1px solid #e8e8e8;padding:8px 0}.flex-bottom[data-v-f92675b1]{width:100%}.flex-bottom ul[data-v-f92675b1]{list-style:none;padding:0;margin:0}.flex-bottom .sidebar-item[data-v-f92675b1]{margin:5px;padding:0}.flex-bottom .sidebar-item a[data-v-f92675b1]{display:flex;align-items:center;padding:8px 12px;margin:0 4px;border-radius:5px;cursor:pointer;text-decoration:none;color:inherit}.flex-bottom .sidebar-item a[data-v-f92675b1]:hover{color:#fc0!important}.footer-button[data-v-f92675b1]{display:flex;align-items:center;padding:8px 12px;margin:0 4px;border-radius:5px;cursor:pointer;transition:all .2s ease}.footer-button[data-v-f92675b1]:hover{color:#1677ff;background:#0000001a}.dark-theme .footer-button[data-v-f92675b1]:hover{color:#fff;background:#8888881a}.button-icon[data-v-f92675b1]{width:24px;height:24px;margin-right:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.button-text[data-v-f92675b1]{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5715}.sidebar-items[data-v-f92675b1]::-webkit-scrollbar{width:6px;height:6px}.sidebar-items[data-v-f92675b1]::-webkit-scrollbar-thumb{background:#cfd3dc;border-radius:3px}.sidebar-items[data-v-f92675b1]::-webkit-scrollbar-track{background:transparent}@media (prefers-color-scheme: dark){.sidebar[data-v-f92675b1]{background:#232324}.item-header[data-v-f92675b1]{color:#e5e6eb}.item-header[data-v-f92675b1]:hover{color:#1677ff;background:#2b2b2d}.sub-menu[data-v-f92675b1]{background:#2b2b2d}.sub-item[data-v-f92675b1]{color:#e5e6eb}.sub-item[data-v-f92675b1]:hover{color:#1677ff;background:#313132}.sub-item.active[data-v-f92675b1]{color:#1677ff}.dark-theme .border-top.py-2.border-color[data-v-f92675b1]{border-top-color:#424243}.footer-button[data-v-f92675b1]{color:#e5e6eb}.footer-button[data-v-f92675b1]:hover{color:#1677ff;background:#2b2b2d}.sidebar-items[data-v-f92675b1]::-webkit-scrollbar-thumb{background:#4c4d4f}}.sidebar.collapsed[data-v-f92675b1]{width:80px!important}.sidebar.collapsed .item-header[data-v-f92675b1],.sidebar.collapsed .footer-button[data-v-f92675b1]{justify-content:center;padding:12px 0}.sidebar.collapsed .item-icon[data-v-f92675b1],.sidebar.collapsed .button-icon[data-v-f92675b1]{margin-right:0;font-size:20px}.sidebar.collapsed .item-text[data-v-f92675b1],.sidebar.collapsed .button-text[data-v-f92675b1],.sidebar.collapsed .arrow-icon[data-v-f92675b1],.sidebar.collapsed .sub-menu-wrapper[data-v-f92675b1]{display:none}.sidebar.collapsed .item-header[data-v-f92675b1],.sidebar.collapsed .footer-button[data-v-f92675b1]{position:relative}.sidebar.collapsed .item-header[data-v-f92675b1]:hover:after,.sidebar.collapsed .footer-button[data-v-f92675b1]:hover:after{content:attr(title);position:absolute;left:90px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:12px;z-index:1000;pointer-events:none}.dark-theme .sidebar.collapsed .item-header[data-v-f92675b1]:hover:after,.dark-theme .sidebar.collapsed .footer-button[data-v-f92675b1]:hover:after{background-color:#3a3d3e;color:#b2b8be}.dark-theme .sidebar-logo[data-v-f92675b1]{border-bottom-color:#3a3d3e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.icon{width:24px;height:24px;margin-right:8px}.btn{display:inline-flex;align-items:center;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}@media (max-width: 980px){.sidebar{width:80px;transition:width .3s ease}.sidebar .nav-link span{display:none}.sidebar-tools,.sidebar-collapsed .sidebar{width:80px}}@media (max-width: 768px){.nav-menu{display:none}.sidebar{position:fixed;transition:left .3s ease}.sidebar.active{left:0}}.anchor{will-change:transform,width,left;transform:translateZ(0);backface-visibility:hidden}.slider_menu .nav-link{transition:all .2s cubic-bezier(.4,0,.2,1)}.slider_menu .nav-link:hover{transform:translateY(-1px)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40}html.io-black-mode .post-apd.mt-4.bottomAdvert,body.io-black-mode .post-apd.mt-4.bottomAdvert{background-color:#2c2e2f!important;border-radius:5px;padding:8px}body{position:relative}:root{--primary-color: #007bff;--primary-light: #e6f7ff;--primary-dark: #0056b3;--success-color: #28a745;--success-light: #e8f5e9;--success-dark: #1b5e20;--warning-color: #ffc107;--warning-light: #fff8e1;--warning-dark: #ff8f00;--danger-color: #dc3545;--danger-light: #ffebee;--danger-dark: #b71c1c;--info-color: #17a2b8;--info-light: #e0f7fa;--info-dark: #006064;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}html.io-grey-mode{background-color:#f7f8fa}html.io-grey-mode body{background-color:transparent;color:#333;position:relative}html.io-grey-mode .app-container{background:transparent}html.io-grey-mode .main-content{background-color:transparent}body:before{content:"";position:absolute;top:0!important;left:0;right:0;width:100%;height:550px;background-image:url(/images/public/blury-shape-bg-light.png);background-size:cover;background-position:center;z-index:-1;pointer-events:none}html.io-black-mode body:before{background-color:#1b1d1f;background-image:url(/images/public/blury-shape-bg-dark.png)}html.io-black-mode{background-color:#1b1d1f}html.io-black-mode body{background-color:transparent;color:#c6c9cf;position:relative}html.io-black-mode .app-container{background:transparent}html.io-black-mode .main-content{background-color:transparent}html.io-black-mode .card,html.io-black-mode .block{background-color:#2c2e2f!important;border-color:#363738!important;box-shadow:none!important}html.io-black-mode .url-card .url-body{background-color:#2c2e2f!important;border-color:#363738!important;border-radius:10px!important}html.io-black-mode .url-card .url-body:hover,html.io-black-mode .card-app.default:hover .media{background-color:#363738!important;box-shadow:0 26px 40px -24px #0204064d!important;-webkit-box-shadow:0 26px 40px -24px rgba(2,4,6,.3)!important;-moz-box-shadow:0 26px 40px -24px rgba(2,4,6,.3)!important;border-radius:10px!important}html.io-black-mode .text-muted,html.io-black-mode .text-gray,html.io-black-mode .comment-body{color:#888!important}html.io-black-mode p,html.io-black-mode input.nav-link{color:#bbb!important}html.io-black-mode .bg-white{background-color:#2c2e2f!important}html.io-black-mode .bg-light{background-color:#363738!important}html.io-black-mode .border-light{border-color:#363738!important}html.io-black-mode #search-text{background-color:#2c2e2f!important;border-color:#2c2e2f!important;color:#efefef!important}html.io-black-mode .search-type input:checked+label,html.io-black-mode .search-type input:hover+label{background-color:#2c2e2f!important}html.io-black-mode .search-modal #search .search-select,html.io-black-mode .search-modal .search-type input:checked+label,html.io-black-mode .search-modal .search-type input:hover+label{background-color:#363738!important;border:none!important}html.io-black-mode .btn-light{color:#b2b8be!important;background-color:#363738!important;border-color:transparent!important}html.io-black-mode .btn-light:hover{background-color:#313234!important}html.io-black-mode .tool-actions .btn-light{color:#b2b8be!important;background-color:#363738!important;border-color:transparent!important}html.io-black-mode .tool-actions .btn-light:hover{background-color:#313234!important}html.io-black-mode .nav-link{color:#c6c9cf!important}html.io-black-mode .nav-link:hover,html.io-black-mode .nav-link.active{color:#fff!important}html.io-black-mode textarea,html.io-black-mode .form-control,html.io-black-mode .sidebar .card .searchform input[type=text]{color:#aaa!important;background:#1d1e1f!important;border:1px solid #363738!important}html.io-black-mode .form-control:focus{background-color:#1d1e1f!important;border-color:#007bff!important;color:#c6c9cf!important}html.io-black-mode .form-control::placeholder{color:#888!important}html.io-black-mode .navbar-collapse ul li ul,html.io-black-mode .dropdown-menu{background:#3d4044!important;box-shadow:0 10px 30px -10px #00000080!important}html.io-black-mode .dropdown-item{color:#c6c9cf!important}html.io-black-mode .dropdown-item:hover{background-color:#363738!important;color:#fff!important}html.io-black-mode .modal-content{background-color:#2c2e2f!important;border-color:#363738!important}html.io-black-mode .modal-header{border-bottom-color:#363738!important}html.io-black-mode .modal-footer{border-top-color:#363738!important}html.io-black-mode .pagination .page-link{background-color:#2c2e2f!important;border-color:#363738!important;color:#c6c9cf!important}html.io-black-mode .pagination .page-link:hover{background-color:#363738!important;color:#fff!important}html.io-black-mode .pagination .page-item.active .page-link{background-color:#007bff!important;border-color:#007bff!important;color:#fff!important}html.io-black-mode .tooltip-inner{background-color:#000!important;color:#c6c9cf!important}html.io-black-mode .tooltip.bs-tooltip-top .arrow:before{border-top-color:#000!important}html.io-black-mode .tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color:#000!important}html.io-black-mode .tooltip.bs-tooltip-left .arrow:before{border-left-color:#000!important}html.io-black-mode .tooltip.bs-tooltip-right .arrow:before{border-right-color:#000!important}.app-container{min-height:100vh;display:flex;flex-direction:column;background:transparent;transition:background-color .3s ease}.main-wrapper{flex:1;position:relative;padding-top:64px;min-height:100vh}.main-content{transition:margin-left .3s ease;will-change:margin-left;min-height:calc(100vh - 64px);background:transparent}@media (min-width: 769px){.main-content{margin-left:220px}.main-content.sidebar-collapsed{margin-left:80px}}@media (max-width: 768px){.main-content{margin-left:0}}.section-container[data-v-3deea291]{padding:20px}h2[data-v-3deea291]{color:#333;margin-bottom:16px}.content[data-v-3deea291]{line-height:1.6}.section-container[data-v-7b4c9e38]{padding:20px}h2[data-v-7b4c9e38]{color:#333;margin-bottom:16px}.content[data-v-7b4c9e38]{line-height:1.6}.section-container[data-v-cb52f3df]{padding:20px}h2[data-v-cb52f3df]{color:#333;margin-bottom:16px}.content[data-v-cb52f3df]{line-height:1.6}.home[data-v-e720155e]{min-height:100vh;background-color:#f5f5f5}.test-component[data-v-864dceb8]{padding:20px;background-color:#f0f0f0;border-radius:8px}.test-view[data-v-58c6f35c]{padding:20px}[data-v-7159963d]:root{--main-color: #f1404b;--theme-color: var(--main-color);--focus-color: var(--main-color);--muted-color: #999;--main-radius: 8px;--main-bg-color: #fff;--main-border-color: rgba(130, 130, 130, .15);--muted-border-color: rgba(88, 88, 88, .05);--text-color: #282a2d;--light-text: #666;--lighter-text: #999;--light-bg: #f9f9f9;--card-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2)}.io-black-mode[data-v-7159963d]{--main-bg-color: #1e1e1e;--text-color: #e5e9f2;--light-text: #999;--lighter-text: #777;--light-bg: #252525;--main-border-color: rgba(118, 118, 118, .15);--muted-border-color: rgba(118, 118, 118, .05);--card-shadow: 0px 0px 20px -5px rgba(0, 0, 0, .3)}[data-v-7159963d]{margin:0;padding:0;box-sizing:border-box}body[data-v-7159963d]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--light-bg);line-height:1.6}.container[data-v-7159963d]{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}a[data-v-7159963d]{color:var(--text-color);text-decoration:none;transition:color .2s}a[data-v-7159963d]:hover{color:var(--theme-color)}ul[data-v-7159963d],ol[data-v-7159963d]{list-style:none}img[data-v-7159963d]{max-width:100%;height:auto}.navbar[data-v-7159963d]{background-color:var(--main-bg-color);box-shadow:var(--card-shadow);height:70px;position:sticky;top:0;z-index:100;transition:all .3s}.navbar-header[data-v-7159963d]{float:left;padding:15px 0}.logo img[data-v-7159963d]{height:40px}.logo-img[data-v-7159963d]{max-width:100px;height:auto}.nav-menu[data-v-7159963d]{float:left;margin-left:40px}.menu[data-v-7159963d]{display:flex}.menu li[data-v-7159963d]{margin-right:20px}.menu li a[data-v-7159963d]{display:block;line-height:70px;font-size:15px;font-weight:500;color:var(--text-color);position:relative}.menu li a[data-v-7159963d]:hover{color:var(--theme-color)}.menu li a[data-v-7159963d]:after{content:"";position:absolute;bottom:20px;left:0;width:0;height:2px;background-color:var(--theme-color);transition:width .3s}.menu li a[data-v-7159963d]:hover:after{width:100%}.navbar-right[data-v-7159963d]{float:right;display:flex;align-items:center;height:70px}.search-btn[data-v-7159963d],.theme-toggle[data-v-7159963d]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--text-color);font-size:18px;cursor:pointer;margin-left:12px;border-radius:50%;transition:all .2s}.search-btn[data-v-7159963d]:hover,.theme-toggle[data-v-7159963d]:hover{background-color:var(--main-border-color);color:var(--theme-color)}.search-panel[data-v-7159963d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-7159963d .3s}.search-form[data-v-7159963d]{width:80%;max-width:600px;background-color:var(--main-bg-color);border-radius:var(--main-radius);padding:16px 20px;position:relative;display:flex;align-items:center;box-shadow:0 10px 30px #0000001a}.search-input[data-v-7159963d]{flex:1;padding:12px 20px;border:1px solid var(--main-border-color);border-radius:var(--main-radius);font-size:16px;color:var(--text-color);background-color:var(--main-bg-color);outline:none}.search-input[data-v-7159963d]:focus{border-color:var(--theme-color)}.search-submit[data-v-7159963d]{position:absolute;right:60px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;color:var(--muted-color);cursor:pointer;font-size:18px;transition:color .2s}.search-submit[data-v-7159963d]:hover{color:var(--theme-color)}.search-close[data-v-7159963d]{position:absolute;right:20px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;color:var(--muted-color);cursor:pointer;font-size:18px;transition:color .2s}.search-close[data-v-7159963d]:hover{color:var(--theme-color)}.breadcrumbs[data-v-7159963d]{padding:12px 0;background-color:var(--main-bg-color);border-bottom:1px solid var(--main-border-color)}.breadcrumbs .container[data-v-7159963d]{display:flex;align-items:center;font-size:14px;color:var(--light-text)}.breadcrumbs span[data-v-7159963d]{margin-right:8px;position:relative}.breadcrumbs span[data-v-7159963d]:not(:last-child):after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--light-text);opacity:.5}.breadcrumbs .current[data-v-7159963d]{color:var(--lighter-text)}.main-content[data-v-7159963d]{padding:30px 0}.row[data-v-7159963d]{display:flex;margin-left:-15px;margin-right:-15px}.col-md-8[data-v-7159963d],.col-md-4[data-v-7159963d]{padding-left:15px;padding-right:15px}.col-md-8[data-v-7159963d]{width:75%}.col-md-4[data-v-7159963d]{width:25%}.article-content[data-v-7159963d]{background-color:var(--main-bg-color);border-radius:var(--main-radius);box-shadow:var(--card-shadow);overflow:hidden}.post-header[data-v-7159963d]{padding:25px 30px;border-bottom:1px solid var(--main-border-color);position:relative}.post-title[data-v-7159963d]{font-size:28px;font-weight:700;line-height:1.5;margin-bottom:20px;color:var(--text-color);transition:color .3s;letter-spacing:-.5px}.io-black-mode .post-title[data-v-7159963d]{color:#fff}.post-title[data-v-7159963d]:hover{color:var(--theme-color)}.post-meta[data-v-7159963d]{display:flex;flex-wrap:wrap;font-size:14px;color:var(--light-text);margin-bottom:5px;padding-left:2px}.post-meta span[data-v-7159963d]{position:relative;padding-right:15px;margin-right:0}.post-meta span[data-v-7159963d]:not(:last-child):after{content:"•";position:absolute;right:5px;top:0;color:var(--lighter-text)}.post-meta span[data-v-7159963d]{margin-right:15px;margin-bottom:5px;display:flex;align-items:center}.post-meta i[data-v-7159963d]{margin-right:5px;font-size:14px}.post-thumbnail[data-v-7159963d]{width:100%;height:350px;overflow:hidden;position:relative;border-radius:8px;margin-top:15px;box-shadow:0 5px 15px #0000000d}.post-thumbnail[data-v-7159963d]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff69b480,#4682b480,#8a2be280);background-size:400% 400%;animation:gradientBG-7159963d 10s ease infinite;z-index:1;opacity:.8}.post-thumbnail img[data-v-7159963d]{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);z-index:2;position:relative}@keyframes gradientBG-7159963d{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.post-thumbnail:hover img[data-v-7159963d]{transform:scale(1.05)}.post-content[data-v-7159963d]{padding:30px;line-height:1.8}.post-content p[data-v-7159963d]{margin-bottom:22px;color:var(--text-color);font-size:16px;transition:color .3s}.post-content p[data-v-7159963d]:hover{color:var(--theme-color-light)}.post-content h3[data-v-7159963d]{font-size:22px;font-weight:600;margin:32px 0 18px;color:var(--text-color);position:relative;padding-left:16px;transition:color .3s}.post-content h3[data-v-7159963d]:hover{color:var(--theme-color)}.post-content h3[data-v-7159963d]:before{content:"";position:absolute;left:0;top:10px;width:6px;height:18px;background-color:var(--theme-color);border-radius:3px;transition:width .3s}.post-content h3[data-v-7159963d]:hover:before{width:8px}.post-content ul[data-v-7159963d]{margin-bottom:20px;padding-left:20px;list-style-type:disc}.post-content li[data-v-7159963d]{margin-bottom:10px;color:var(--text-color)}.post-content img[data-v-7159963d]{margin:20px 0;border-radius:var(--main-radius);box-shadow:0 5px 15px #0000000d}.post-footer[data-v-7159963d]{padding:20px 30px;border-top:1px solid var(--main-border-color);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:var(--light-bg);border-bottom-left-radius:var(--main-radius);border-bottom-right-radius:var(--main-radius)}.post-tags[data-v-7159963d]{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px;width:100%}.post-tags span[data-v-7159963d]{margin-right:12px;color:var(--light-text);font-size:14px;font-weight:500}.post-tags a[data-v-7159963d]{display:inline-block;padding:5px 12px;background-color:var(--main-bg-color);border-radius:20px;font-size:13px;margin-right:10px;margin-bottom:8px;color:var(--light-text);transition:all .3s;box-shadow:0 2px 5px #00000008}.post-tags a[data-v-7159963d]:hover{background-color:var(--theme-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.post-actions[data-v-7159963d]{display:flex;align-items:center;margin-top:5px;width:100%;justify-content:flex-end}.action-btn[data-v-7159963d]{display:flex;align-items:center;padding:7px 14px;background-color:var(--main-bg-color);border:1px solid var(--main-border-color);border-radius:24px;color:var(--light-text);cursor:pointer;margin-left:12px;transition:all .3s;font-size:14px;box-shadow:0 2px 5px #00000008}.action-btn[data-v-7159963d]:first-child{margin-left:0}.action-btn i[data-v-7159963d]{margin-right:6px;font-size:14px}.action-btn[data-v-7159963d]:hover{background-color:var(--theme-color);color:#fff;border-color:var(--theme-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.siteico[data-v-7159963d]{background:#e6e8ed;position:relative;overflow:hidden;box-shadow:0 30px 20px -20px #00000026;border-radius:10px;transition:background-color .3s}.siteico[data-v-7159963d]:before{content:"";display:block;padding-top:100%}.io-black-mode .siteico[data-v-7159963d]{background:#222}.author-card[data-v-7159963d]{padding:25px;border-top:1px solid var(--main-border-color);display:flex;align-items:flex-start;background-color:var(--main-bg-color);border-radius:var(--main-radius);margin:30px 20px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.author-card[data-v-7159963d]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.author-avatar[data-v-7159963d]{width:72px;margin-right:20px}.author-avatar img[data-v-7159963d]{width:100%;height:100%;object-fit:cover;transition:transform .5s}.author-avatar:hover img[data-v-7159963d]{transform:scale(1.1)}.author-info[data-v-7159963d]{flex:1}.author-name[data-v-7159963d]{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-color);transition:color .3s}.author-name[data-v-7159963d]:hover{color:var(--theme-color)}.author-desc[data-v-7159963d]{font-size:15px;color:var(--light-text);margin-bottom:15px;line-height:1.6}.author-social[data-v-7159963d]{display:flex}.author-social a[data-v-7159963d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--light-bg);border-radius:50%;margin-right:12px;color:var(--light-text);transition:all .3s;box-shadow:0 2px 5px #0000000d}.author-social a[data-v-7159963d]:hover{background-color:var(--theme-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.related-posts[data-v-7159963d]{padding:30px;margin-top:30px;background-color:var(--main-bg-color);border-radius:var(--main-radius);box-shadow:var(--card-shadow)}.related-title[data-v-7159963d]{font-size:22px;font-weight:700;margin-bottom:25px;color:var(--text-color);position:relative;padding-left:16px;display:flex;align-items:center}.related-title[data-v-7159963d]:before{content:"";position:absolute;left:0;top:10px;width:6px;height:18px;background-color:var(--theme-color);border-radius:3px}.related-title i[data-v-7159963d]{margin-right:8px;color:var(--theme-color)}.related-list[data-v-7159963d]{display:flex;flex-wrap:wrap;margin:0 -12px}.related-item[data-v-7159963d]{width:calc(33.333% - 24px);margin:0 12px 24px}.related-card[data-v-7159963d]{height:100%;display:flex;flex-direction:column;background-color:var(--main-bg-color);border-radius:var(--main-radius);overflow:hidden;box-shadow:0 4px 12px #0000000a;transition:all .4s cubic-bezier(.25,.8,.25,1)}.related-card[data-v-7159963d]:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000014}.related-thumbnail[data-v-7159963d]{width:100%;height:180px;overflow:hidden;position:relative}.related-thumbnail img[data-v-7159963d]{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.related-card:hover .related-thumbnail img[data-v-7159963d]{transform:scale(1.1)}.related-category[data-v-7159963d]{position:absolute;top:10px;left:10px;padding:3px 8px;background-color:var(--theme-color);color:#fff;font-size:12px;border-radius:12px;z-index:1}.related-info[data-v-7159963d]{padding:18px;flex:1;display:flex;flex-direction:column}.related-post-title[data-v-7159963d]{font-size:17px;font-weight:600;margin-bottom:12px;line-height:1.5;color:var(--text-color);transition:color .3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:48px}.related-post-title[data-v-7159963d]:hover{color:var(--theme-color)}.related-post-meta[data-v-7159963d]{font-size:13px;color:var(--light-text);margin-top:auto;display:flex;align-items:center;padding-top:8px;border-top:1px solid var(--main-border-color)}.related-post-meta i[data-v-7159963d]{margin-right:5px;font-size:13px}.related-post-meta span[data-v-7159963d]{margin-right:10px}.comments-section[data-v-7159963d]{padding:30px;border-top:1px solid var(--main-border-color);background-color:var(--main-bg-color);border-radius:var(--main-radius);box-shadow:var(--card-shadow);margin-top:30px}.comments-title[data-v-7159963d]{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-color);padding-bottom:12px;border-bottom:1px solid var(--main-border-color);display:flex;align-items:center}.comments-title i[data-v-7159963d]{margin-right:8px;color:var(--theme-color)}.comment-form[data-v-7159963d]{margin-bottom:25px;background-color:var(--light-bg);padding:15px;border-radius:var(--main-radius)}.comment-textarea[data-v-7159963d]{width:100%;height:120px;padding:15px;border:1px solid var(--main-border-color);border-radius:var(--main-radius);background-color:var(--main-bg-color);color:var(--text-color);font-size:14px;resize:none;margin-bottom:15px;transition:border-color .3s}.comment-textarea[data-v-7159963d]:focus{border-color:var(--theme-color);outline:none}.comment-submit[data-v-7159963d]{display:block;width:100%;padding:10px;background-color:var(--theme-color);border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.comment-submit[data-v-7159963d]:hover{background-color:var(--focus-color);transform:translateY(-2px)}.comments-list[data-v-7159963d]{margin-bottom:20px}.comment-item[data-v-7159963d]{padding:20px 0;border-bottom:1px solid var(--main-border-color);display:flex;transition:background-color .3s}.comment-item[data-v-7159963d]:hover{background-color:#00000003}.comment-avatar[data-v-7159963d]{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:15px;background-color:#f1f1f1;border:2px solid var(--light-bg);flex-shrink:0}.comment-avatar img[data-v-7159963d]{width:100%;height:100%;object-fit:cover}.comment-content[data-v-7159963d]{flex:1}.comment-header[data-v-7159963d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author[data-v-7159963d]{font-size:14px;font-weight:600;color:var(--text-color)}.comment-time[data-v-7159963d]{font-size:12px;color:var(--light-text)}.comment-text[data-v-7159963d]{font-size:14px;color:var(--text-color);line-height:1.6;margin-bottom:12px;padding:10px;background-color:var(--light-bg);border-radius:var(--main-radius)}.comment-actions[data-v-7159963d]{display:flex;align-items:center}.comment-actions button[data-v-7159963d]{background:none;border:none;color:var(--light-text);cursor:pointer;margin-right:15px;font-size:12px;display:flex;align-items:center;transition:color .3s}.comment-actions button i[data-v-7159963d]{margin-right:5px;font-size:12px}.comment-actions button[data-v-7159963d]:hover{color:var(--theme-color)}.load-more-comments[data-v-7159963d]{display:block;width:100%;padding:12px;background-color:var(--light-bg);border:1px solid var(--main-border-color);border-radius:var(--main-radius);color:var(--light-text);font-size:14px;cursor:pointer;transition:all .2s}.load-more-comments[data-v-7159963d]:hover{background-color:var(--main-border-color);color:var(--theme-color)}.sidebar[data-v-7159963d]{position:sticky;top:84px;align-self:flex-start;width:100%;max-width:240px}.sidebar-widget[data-v-7159963d]{background-color:var(--main-bg-color);border-radius:var(--main-radius);box-shadow:var(--card-shadow);padding:15px;margin-bottom:15px;transition:all .3s}.sidebar-widget[data-v-7159963d]:hover{box-shadow:0 5px 15px #00000014}.widget-title[data-v-7159963d]{font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--main-border-color);color:var(--text-color);display:flex;align-items:center}.widget-title i[data-v-7159963d]{margin-right:8px;color:var(--theme-color)}.search-widget .search-form[data-v-7159963d]{width:100%;max-width:none;padding:0;position:relative}.search-widget .search-input[data-v-7159963d]{width:100%;padding:10px 40px 10px 15px;border:1px solid var(--main-border-color);border-radius:var(--main-radius);background-color:var(--light-bg);color:var(--text-color);font-size:14px;transition:border-color .3s}.search-widget .search-input[data-v-7159963d]:focus{border-color:var(--theme-color);outline:none}.search-widget .search-submit[data-v-7159963d]{position:absolute;right:0;top:0;width:40px;height:100%;background-color:var(--theme-color);color:#fff;border:none;border-radius:0 var(--main-radius) var(--main-radius) 0;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.search-widget .search-submit[data-v-7159963d]:hover{background-color:var(--focus-color)}.hot-posts-list li[data-v-7159963d]{margin-bottom:15px;position:relative;padding-left:25px;transition:transform .2s}.hot-posts-list li[data-v-7159963d]:hover{transform:translate(3px)}.hot-posts-list li[data-v-7159963d]:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background-color:var(--theme-color);border-radius:50%}.hot-posts-list li a[data-v-7159963d]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-color);transition:color .3s}.hot-posts-list li a[data-v-7159963d]:hover{color:var(--theme-color)}.hot-posts-list li a .post-views[data-v-7159963d]{color:var(--light-text);font-size:12px}.categories-list li[data-v-7159963d]{margin-bottom:10px;transition:transform .2s}.categories-list li[data-v-7159963d]:hover{transform:translate(3px)}.categories-list li a[data-v-7159963d]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-color);transition:color .3s}.categories-list li a[data-v-7159963d]:hover{color:var(--theme-color)}.categories-list li a span[data-v-7159963d]{color:var(--light-text);background-color:var(--light-bg);padding:2px 8px;border-radius:10px;font-size:12px}.tags-cloud[data-v-7159963d]{display:flex;flex-wrap:wrap}.tags-cloud a[data-v-7159963d]{display:inline-block;padding:4px 10px;background-color:var(--light-bg);border-radius:20px;font-size:13px;margin-right:8px;margin-bottom:8px;color:var(--light-text);transition:all .3s}.tags-cloud a[data-v-7159963d]:hover{background-color:var(--theme-color);color:#fff;transform:translateY(-2px)}.qr-code-widget[data-v-7159963d]{text-align:center;padding:10px 0}.qr-code-widget img[data-v-7159963d]{width:160px;height:160px;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.qr-code-widget p[data-v-7159963d]{font-size:14px;color:var(--light-text);line-height:1.5}.footer[data-v-7159963d]{background-color:var(--main-bg-color);border-top:1px solid var(--main-border-color);padding:40px 0;margin-top:40px}.footer-content[data-v-7159963d]{display:flex;flex-wrap:wrap;margin-bottom:30px}.footer-logo[data-v-7159963d]{width:100%;max-width:250px;margin-bottom:30px}.footer-logo img[data-v-7159963d]{height:40px;margin-bottom:15px}.footer-logo p[data-v-7159963d]{font-size:14px;color:var(--light-text);line-height:1.6}.footer-links[data-v-7159963d]{flex:1;min-width:150px;margin-bottom:30px;padding-left:20px}.footer-links h3[data-v-7159963d]{font-size:16px;font-weight:600;margin-bottom:15px;color:var(--text-color);padding-bottom:8px;border-bottom:1px solid var(--main-border-color);display:inline-block}.footer-links ul li[data-v-7159963d]{margin-bottom:10px;transition:transform .2s}.footer-links ul li[data-v-7159963d]:hover{transform:translate(3px)}.footer-links ul li a[data-v-7159963d]{font-size:14px;color:var(--light-text);transition:color .3s}.footer-links ul li a[data-v-7159963d]:hover{color:var(--theme-color)}.social-icons[data-v-7159963d]{display:flex;margin-top:15px}.social-icons a[data-v-7159963d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--light-bg);border-radius:50%;margin-right:10px;color:var(--light-text);transition:all .3s}.social-icons a[data-v-7159963d]:hover{background-color:var(--theme-color);color:#fff;transform:translateY(-3px)}.footer-bottom[data-v-7159963d]{text-align:center;padding-top:20px;border-top:1px solid var(--main-border-color)}.footer-bottom p[data-v-7159963d]{font-size:14px;color:var(--light-text);line-height:1.6}@keyframes fadeIn-7159963d{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.main-content[data-v-7159963d]{margin-left:0}}@media (max-width: 992px){.row[data-v-7159963d]{flex-direction:column}.col-md-8[data-v-7159963d],.col-md-4[data-v-7159963d]{width:100%}.sidebar[data-v-7159963d]{position:static;margin-top:30px;max-width:100%}.related-item[data-v-7159963d]{width:calc(50% - 16px)}}@media (max-width: 768px){.nav-menu[data-v-7159963d]{display:none}.post-title[data-v-7159963d]{font-size:20px}.post-thumbnail[data-v-7159963d]{height:200px}.related-item[data-v-7159963d]{width:100%}}@media (max-width: 576px){.navbar-header[data-v-7159963d]{padding:17px 0}.logo img[data-v-7159963d]{height:30px}.post-header[data-v-7159963d],.post-content[data-v-7159963d],.post-footer[data-v-7159963d],.author-card[data-v-7159963d],.related-posts[data-v-7159963d],.comments-section[data-v-7159963d]{padding:20px}.post-meta span[data-v-7159963d]{margin-bottom:10px}.footer-links[data-v-7159963d]{padding-left:0}}.ad-container[data-v-32bee5da]{display:flex;justify-content:center;align-items:center;padding:10px}img[data-v-32bee5da]{transition:transform .3s ease}img[data-v-32bee5da]:hover{transform:scale(1.02)}.p-3[data-v-e9c94d6e]{margin-left:3.875rem;margin-bottom:2rem}.v-avatar[data-v-e9c94d6e]{width:50px;height:50px}.small[data-v-e9c94d6e],small[data-v-e9c94d6e]{font-size:95%}.mb-2[data-v-e9c94d6e],.my-2[data-v-e9c94d6e]{margin-bottom:1rem!important}.comment-reply-form .btn[data-v-e9c94d6e]{padding:.375rem 1rem;font-size:.875rem;border-radius:4px;font-weight:500;transition:all .2s ease}.comment-reply-form .btn-outline-secondary[data-v-e9c94d6e]{border-width:1px;transition:all .2s ease}.comment-reply-form .btn-outline-secondary[data-v-e9c94d6e]:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.comment-reply-form .btn-primary[data-v-e9c94d6e]{background-color:#007bff;border-color:#007bff;padding:.375rem 1rem;transition:all .2s ease}.comment-reply-form .btn-primary[data-v-e9c94d6e]:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.comment-reply-form .btn[data-v-e9c94d6e]:disabled{opacity:.7;cursor:not-allowed}.io-black-mode{background-color:#202020!important;border:1px solid #404040!important}.io-black-mode{background-color:transparent;color:#ccc!important;border-color:#555!important}.io-black-mode{background-color:#333!important;border-color:#777!important;color:#fff!important;box-shadow:0 2px 4px #0000004d}.io-black-mode{background-color:#007bff!important;border-color:#007bff!important;color:#fff!important}.io-black-mode{background-color:#0056b3!important;border-color:#0056b3!important;color:#fff!important;box-shadow:0 4px 8px #007bff66}.comment-reply-form .d-flex.justify-content-end[data-v-e9c94d6e]{margin-top:.75rem}.io-black-mode{background-color:#1a1a1a!important;color:#fff!important;border:1px solid #555555!important}.main-footer[data-v-4f70ab65]{background:transparent}@media (min-width: 1560px){.container[data-v-4f70ab65],.container-lg[data-v-4f70ab65],.container-md[data-v-4f70ab65],.container-sm[data-v-4f70ab65],.container-xl[data-v-4f70ab65]{max-width:1900px}}@media (min-width: 1900px){.container[data-v-4f70ab65],.container-lg[data-v-4f70ab65],.container-md[data-v-4f70ab65],.container-sm[data-v-4f70ab65],.container-xl[data-v-4f70ab65]{max-width:1900px}}.footer-inner[data-v-4f70ab65]{background:#fff;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000001a}.footer-text[data-v-4f70ab65]{color:#6c757d}.footer-logo[data-v-4f70ab65]{display:inline-block;text-decoration:none}.footer-logo img[data-v-4f70ab65]{max-height:4rem;width:auto}.footer-links a[data-v-4f70ab65]{display:inline-block;margin-right:.1rem;margin-bottom:.5rem;color:#6c757d;text-decoration:none;transition:color .3s ease}.footer-links a[data-v-4f70ab65]:hover{color:#007bff;text-decoration:none}.footer-nav-links[data-v-4f70ab65]{list-style:none;padding:0;margin:0}.footer-nav-links[data-v-4f70ab65]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.footer-nav-links[data-v-4f70ab65]{align-items:flex-start}}.footer-nav-parents[data-v-4f70ab65]{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.footer-nav-group[data-v-4f70ab65]{margin-bottom:.5rem;margin-right:2rem;text-align:left}.menu-item-parent[data-v-4f70ab65]{display:inline-block;color:#6c757d;text-decoration:none;font-weight:400;margin-bottom:.25rem;font-size:.9rem}.menu-item-parent[data-v-4f70ab65]:hover{color:#007bff}.sub-menu-items[data-v-4f70ab65]{display:flex;flex-direction:column;margin-top:.25rem;align-items:flex-start}@media (max-width: 766px){.footer-text .row>div[data-v-4f70ab65]:nth-child(2){text-align:center;margin:0 auto;width:100%}.footer-links[data-v-4f70ab65]{text-align:center;margin:0 auto;width:100%}.footer-nav-links[data-v-4f70ab65]{justify-content:center;align-items:flex-start;margin:0 auto;width:100%;text-align:center}.footer-nav-parents[data-v-4f70ab65]{justify-content:center;align-items:flex-start;margin:0 auto;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.footer-nav-group[data-v-4f70ab65]{text-align:center;margin-right:1.5rem;margin-left:1.5rem;margin-bottom:0;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:80px}.sub-menu-items[data-v-4f70ab65]{align-items:center;justify-content:center;width:100%;margin-top:.25rem}.menu-item-parent[data-v-4f70ab65]{text-align:center;width:100%;display:block;margin:0 auto;margin-bottom:.25rem}.sub-menu-item[data-v-4f70ab65]{text-align:center;width:100%;display:block;margin:0 auto .25rem}.footer-nav-group.mr-6[data-v-4f70ab65]{margin-right:1.5rem!important}}.sub-menu-item[data-v-4f70ab65]{display:block;color:#6c757d;text-decoration:none;margin-bottom:.25rem;font-size:.8rem;transition:color .3s ease}.footer-nav-links .menu-item>a[data-v-4f70ab65]{color:#6c757d;text-decoration:none;font-size:.9rem;font-weight:400;transition:color .3s ease}.footer-nav-links .menu-item>a[data-v-4f70ab65]:hover{color:#007bff}.menu-item-parent[data-v-4f70ab65]:hover,.sub-menu-item[data-v-4f70ab65]:hover{color:#007bff}.footer-copyright[data-v-4f70ab65]{border-top:1px solid #e9ecef;padding-top:1rem;margin-top:1rem}.footer-copyright a[data-v-4f70ab65]{color:#6c757d;text-decoration:none;transition:color .3s ease}.footer-copyright a[data-v-4f70ab65]:hover{color:#007bff}#footer-tools[data-v-4f70ab65]{position:fixed;right:20px;bottom:40px;z-index:1000}#footer-tools .btn[data-v-4f70ab65]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e9ecef;color:#6c757d;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}#footer-tools .btn[data-v-4f70ab65]:hover{background:#007bff;color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 15px #007bff4d}#footer-tools .btn.go-up[data-v-4f70ab65]{background:#28a745;color:#fff;border-color:#28a745}#footer-tools .btn.go-up[data-v-4f70ab65]:hover{background:#20c997;border-color:#20c997}.io-black-mode .footer-inner[data-v-4f70ab65]{background:#2d3748;border-color:#4a5568}.logo-dark[data-v-4f70ab65]{display:none!important}.footer-logo[data-v-4f70ab65]{align-items:center;gap:8px;text-decoration:none}@media (min-width: 840px){.footer-logo[data-v-4f70ab65]{display:flex}}.logo-text[data-v-4f70ab65]{font-size:2rem;font-weight:700;color:#007bff;margin-left:5px;margin-bottom:1rem!important}.io-black-mode .logo-text[data-v-4f70ab65]{color:#fff}.io-black-mode .footer-text[data-v-4f70ab65],.io-black-mode .footer-links a[data-v-4f70ab65]{color:#e2e8f0}.io-black-mode .footer-links a[data-v-4f70ab65]:hover{color:#63b3ed}.io-black-mode .footer-nav-links .menu-item>a[data-v-4f70ab65]{color:#e2e8f0}.io-black-mode .footer-nav-links .menu-item>a[data-v-4f70ab65]:hover{color:#63b3ed}.io-black-mode .footer-nav-links .sub-menu[data-v-4f70ab65]{background:#2d3748;border-color:#4a5568}.io-black-mode .footer-nav-links .sub-menu .menu-item a[data-v-4f70ab65]{color:#e2e8f0}.io-black-mode .footer-nav-links .sub-menu .menu-item a[data-v-4f70ab65]:hover{background-color:#4a5568;color:#63b3ed}.io-black-mode .footer-copyright[data-v-4f70ab65]{border-color:#4a5568}.io-black-mode .footer-copyright a[data-v-4f70ab65]{color:#e2e8f0}.io-black-mode .footer-copyright a[data-v-4f70ab65]:hover{color:#63b3ed}.io-black-mode #footer-tools .btn[data-v-4f70ab65]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.io-black-mode #footer-tools .btn[data-v-4f70ab65]:hover{background:#63b3ed;color:#fff;border-color:#63b3ed}@media (max-width: 768px){.footer-nav-links[data-v-4f70ab65]{justify-content:center!important}.footer-nav-links .menu-item[data-v-4f70ab65]{margin-right:1rem}#footer-tools[data-v-4f70ab65]{right:10px;bottom:10px}#footer-tools .btn[data-v-4f70ab65]{width:35px;height:35px}}.footer-inner[data-v-4f70ab65]{transition:all .3s ease}.footer-inner[data-v-4f70ab65]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}@keyframes bounce-4f70ab65{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}#footer-tools .btn.go-up[data-v-4f70ab65]:hover{animation:bounce-4f70ab65 1s infinite}.container[data-v-4f70ab65],.container-fluid[data-v-4f70ab65],.container-lg[data-v-4f70ab65],.container-md[data-v-4f70ab65],.container-sm[data-v-4f70ab65],.container-xl[data-v-4f70ab65]{padding-right:0;padding-left:0}@media (max-width: 370px){.logo-text[data-v-4f70ab65]{font-size:1.5rem}}.detail-view[data-v-2c3f4fcd]{min-height:100vh;display:flex;flex-direction:column}.breadcrumb[data-v-2c3f4fcd]{padding:10px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:14px}.breadcrumb-item[data-v-2c3f4fcd]{color:#6c757d;text-decoration:none;margin:0 5px}.breadcrumb-item.current[data-v-2c3f4fcd]{color:#007bff;font-weight:700;margin:0 5px}.breadcrumb-separator[data-v-2c3f4fcd]{color:#6c757d}#content[data-v-2c3f4fcd]{flex:1;position:relative}.background-fx[data-v-2c3f4fcd]{position:absolute;left:60px;right:0;height:100vh;top:0;overflow:hidden;opacity:1;z-index:-1}.background-fx img[data-v-2c3f4fcd]{position:absolute;opacity:.5}.shape-01[data-v-2c3f4fcd]{position:absolute;top:11%;right:42%;animation:animationFramesTwo-2c3f4fcd 13s linear infinite}.shape-02[data-v-2c3f4fcd]{position:absolute;top:27%;left:17%;animation:animationFramesFour-2c3f4fcd 25s linear infinite alternate}.shape-03[data-v-2c3f4fcd]{position:absolute;top:30%;left:50%;animation:animationFramesThree-2c3f4fcd 35s linear infinite alternate}.shape-04[data-v-2c3f4fcd]{position:absolute;top:40%;right:23%;animation:animationFramesFour-2c3f4fcd 20s linear infinite alternate}.shape-05[data-v-2c3f4fcd]{position:absolute;bottom:62%;right:28%;animation:animationFramesOne-2c3f4fcd 15s linear infinite}.shape-06[data-v-2c3f4fcd]{position:absolute;bottom:73%;left:38%;animation:animationFramesFour-2c3f4fcd 20s linear infinite alternate}.shape-07[data-v-2c3f4fcd]{position:absolute;left:14%;bottom:54%;animation:animationFramesOne-2c3f4fcd 17s linear infinite}.shape-08[data-v-2c3f4fcd]{position:absolute;left:14%;top:60%;animation:animationFramesOne-2c3f4fcd 20s linear infinite alternate}.shape-09[data-v-2c3f4fcd]{position:absolute;top:22%;left:41%;animation:animationFramesOne-2c3f4fcd 15s linear infinite}.shape-10[data-v-2c3f4fcd]{position:absolute;top:8%;right:6%;animation:animationFramesOne-2c3f4fcd 15s linear infinite}.shape-11[data-v-2c3f4fcd]{position:absolute;top:10%;right:8%;animation:animationFramesOne-2c3f4fcd 12s linear infinite}@keyframes animationFramesOne-2c3f4fcd{0%{transform:translate(0) rotate(0)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0)}}@keyframes animationFramesTwo-2c3f4fcd{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{transform:translate(141px,72px) rotate(72deg) scale(1)}60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes animationFramesThree-2c3f4fcd{0%{transform:translate(165px,-179px)}to{transform:translate(-346px,617px)}}@keyframes animationFramesFour-2c3f4fcd{0%{transform:translate(-300px,151px) rotate(0)}to{transform:translate(251px,-200px) rotate(180deg)}}.io-black-mode .background-fx .shape-11[data-v-2c3f4fcd]{opacity:.5}.io-black-mode .background-fx .shape-10[data-v-2c3f4fcd]{opacity:.1}@media screen and (max-width: 575.98px){.shape-10[data-v-2c3f4fcd]{right:12%;width:100px}.shape-11[data-v-2c3f4fcd]{right:14%;width:100px}}.site-content[data-v-2c3f4fcd]{position:relative;z-index:1}.siteico[data-v-2c3f4fcd]{width:100%!important;height:240px!important;min-width:240px!important;max-height:240px!important;position:relative!important;overflow:visible!important;box-shadow:0 2px 10px #0000000d!important;border-radius:10px;transition:all .3s ease;text-align:center;border-radius:10px!important;z-index:9999!important}@media (max-width: 575.98px){.row.mb-n4 .url-card.col-6[data-v-2c3f4fcd]{flex:0 0 50%!important;max-width:50%!important;margin-bottom:1rem!important}}.siteico[data-v-2c3f4fcd]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(156deg,#fff,#fff0 50%);pointer-events:none;z-index:1;border-radius:10px!important}.io-black-mode .siteico[data-v-2c3f4fcd]{background:#222}@media (min-width: 1560px){.mx-xxxl-n5[data-v-2c3f4fcd]{margin-left:0!important;margin-right:0!important}.site-content>.col-lg-3[data-v-2c3f4fcd]{padding-left:0!important}}#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{margin-bottom:0!important;margin-left:0!important;margin-right:0!important;padding:20px!important;display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;overflow:visible!important;position:relative!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{flex:0 0 auto!important;visibility:visible!important;position:relative!important;z-index:100!important;opacity:1!important;transform:none!important}#content.container[data-v-2c3f4fcd]{padding-right:15px!important;padding-left:15px!important;margin-right:auto!important;margin-left:auto!important}@media (max-width: 767.98px){#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{margin-left:-15px!important;margin-right:-15px!important}#content.container[data-v-2c3f4fcd]{padding-right:0!important;padding-left:0!important}}@media (max-width: 768px){.siteico[data-v-2c3f4fcd]{margin-bottom:15px}}@media (min-width: 1400px){#site-content-container[data-v-2c3f4fcd]{padding:5% 2%!important;width:80%}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{flex:0 0 auto!important;width:auto!important;max-width:240px!important;margin-right:30px!important}}@media (min-width: 1200px) and (max-width: 1399.98px){#site-content-container[data-v-2c3f4fcd]{padding:6%!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{max-width:220px!important;margin-right:30px!important}}@media (max-width: 639.98px){#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{flex-wrap:wrap!important;padding:3%!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{max-width:100%!important;margin-right:0!important;margin-bottom:20px!important}#site-content-container .col.mt-4.mt-sm-0[data-v-2c3f4fcd]{max-width:100%!important}}@media (min-width: 992px) and (max-width: 1199.98px){#site-content-container[data-v-2c3f4fcd]{padding:7%!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{max-width:200px!important;margin-right:30px!important}}@media (min-width: 768px) and (max-width: 991.98px){#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{max-width:180px!important;margin-right:30px!important}}@media (min-width: 640px) and (max-width: 767.98px){#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{flex-wrap:nowrap!important}#site-content-container[data-v-2c3f4fcd]{padding:7%!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{max-width:160px!important;margin-right:30px!important}}@media (min-width: 640px) and (max-width: 1420px){#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{grid-template-columns:minmax(200px,1fr) 3fr!important;align-items:flex-start!important;box-sizing:border-box!important;width:100%!important;margin:0!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{width:100%!important;max-width:none!important;margin-right:0!important;box-sizing:border-box!important;flex:none!important}#site-content-container .col.mt-4.mt-sm-0[data-v-2c3f4fcd]{width:100%!important;max-width:none!important;box-sizing:border-box!important;flex:none!important}}@media (min-width: 480px) and (max-width: 639.98px){#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{flex-wrap:wrap!important}#site-content-container[data-v-2c3f4fcd]{padding:6%!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{margin-right:0!important;margin-bottom:20px;width:100%!important;max-width:200px!important;text-align:center;margin-right:auto}}@media (max-width: 479.98px){#site-content-container[data-v-2c3f4fcd],.row.site-content[data-v-2c3f4fcd]{flex-wrap:wrap!important}#site-content-container[data-v-2c3f4fcd]{padding:5%!important}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{margin-right:0!important;margin-bottom:15px;width:100%!important;text-align:center}}#site-content-container .col-12.col-sm-5.col-md-4.col-lg-3[data-v-2c3f4fcd]{flex:0 0 auto!important;width:auto!important;margin-top:0!important;float:none!important}#site-content-container .col.mt-4.mt-sm-0[data-v-2c3f4fcd]{flex:1 1 auto!important;min-width:0!important;margin-top:0!important;float:none!important}.tool-actions[data-v-2c3f4fcd]{position:absolute;left:0;bottom:0;right:0;padding:.625rem 0}.tool-actions .btn-light[data-v-2c3f4fcd]{color:#424446!important;background-color:#e6e5e5e0!important;border-color:#0000!important}.tool-actions .btn-light[data-v-2c3f4fcd]:hover{background-color:#fffc!important}.img-cover[data-v-2c3f4fcd]{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:88%;max-height:88%;margin:auto;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.siteico[data-v-2c3f4fcd]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.siteico:hover .img-cover[data-v-2c3f4fcd]{transform:scale(1.02)}.tool-actions[data-v-2c3f4fcd]{display:flex;justify-content:center}.btn[data-v-2c3f4fcd]{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-light[data-v-2c3f4fcd]{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.rounded-circle[data-v-2c3f4fcd]{border-radius:50%!important}.p-2[data-v-2c3f4fcd]{padding:.5rem!important}.mx-3[data-v-2c3f4fcd]{margin-right:1rem!important;margin-left:1rem!important}.flex-column[data-v-2c3f4fcd]{flex-direction:column!important}.text-height-xs[data-v-2c3f4fcd]{line-height:1.2!important;padding-right:30%}.icon-lg[data-v-2c3f4fcd]{font-size:1.5rem!important}.mt-1[data-v-2c3f4fcd]{margin-top:.25rem!important}.text-xs[data-v-2c3f4fcd]{font-size:.75rem!important}.site-body[data-v-2c3f4fcd]{line-height:1.6}.btn-cat[data-v-2c3f4fcd]{display:inline-block;padding:3px 8px;font-size:12px;border-radius:3px;margin-bottom:5px;background-color:#f1404b;color:#6c757d;text-decoration:none}.mr-1[data-v-2c3f4fcd]{margin-right:.25rem!important}.h3[data-v-2c3f4fcd]{font-size:1.75rem;font-weight:500;line-height:1.2}.my-3[data-v-2c3f4fcd]{margin-top:1rem!important;margin-bottom:1rem!important}.mb-2[data-v-2c3f4fcd]{margin-bottom:.5rem!important}.mt-2[data-v-2c3f4fcd]{margin-top:.5rem!important}.mr-2[data-v-2c3f4fcd]{margin-right:.5rem!important}.text-ss[data-v-2c3f4fcd]{font-size:.625rem!important}.mt-3[data-v-2c3f4fcd]{margin-top:1rem!important}.btn-arrow[data-v-2c3f4fcd]{display:inline-block;padding:6px 12px;font-size:14px;border-radius:4px;background-color:#007bff;color:#fff;text-decoration:none}.btn-arrow.disabled[data-v-2c3f4fcd]{background-color:#6c757d!important;color:#fff!important;cursor:not-allowed;opacity:.65;pointer-events:none}.btn-danger[data-v-2c3f4fcd]{color:#5b5656;background-color:#8a8a8a26;border-color:#8a8a8a26}.rounded-lg[data-v-2c3f4fcd]{border-radius:.5rem!important}.content[data-v-2c3f4fcd]{position:relative;z-index:1;display:flex;flex-wrap:wrap;margin-top:20px;box-sizing:border-box;transition:all .3s ease}.content-wrap[data-v-2c3f4fcd]{flex:1;min-width:0;box-sizing:border-box;transition:all .3s ease}.sidebar[data-v-2c3f4fcd]{flex:0 0 auto;flex-basis:300px;margin-left:20px;box-sizing:border-box;transition:all .3s ease}@media (max-width: 1240px){main.content[data-v-2c3f4fcd]{flex-direction:column-reverse!important;position:relative}main.content>div.sidebar.sidebar-tools[data-v-2c3f4fcd]{margin-left:0!important;padding-bottom:20px!important;width:100%!important}.theiaStickySidebar[data-v-2c3f4fcd]{position:static!important;margin-bottom:0!important}main.content>div.content-wrap[data-v-2c3f4fcd]{position:relative}main.content>div.content-wrap[data-v-2c3f4fcd]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px}.ad-placeholder[data-v-2c3f4fcd]{height:auto!important;padding-bottom:46.95%!important;display:block!important}.ad-placeholder>div[data-v-2c3f4fcd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666}}.card[data-v-2c3f4fcd]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body[data-v-2c3f4fcd]{flex:1 1 auto;padding:1.25rem}.vip-img[data-v-2c3f4fcd]{display:block;padding:10px;transition:transform .3s ease}.vip-img[data-v-2c3f4fcd]:hover{transform:translateY(-2px)}.vip-img img[data-v-2c3f4fcd]{width:100%;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:box-shadow .3s ease}.vip-img img[data-v-2c3f4fcd]:hover{box-shadow:0 6px 16px #00000026}.vip-mj[data-v-2c3f4fcd]{display:block;padding:20px;color:#000;background-color:#fff;align-items:center;text-align:center;border-radius:10px;border:3px solid #333;text-decoration:none;margin:8px 0;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.vip-mj[data-v-2c3f4fcd]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;color:#000}.vip-certificate[data-v-2c3f4fcd]{display:block;margin:10px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;text-align:center;transition:all .3s ease}.vip-certificate[data-v-2c3f4fcd]:hover{background-color:#e9ecef;transform:translateY(-1px)}.text-primary[data-v-2c3f4fcd]{color:#007bff!important}.content-wrap[data-v-2c3f4fcd]{flex:1}.content-layout[data-v-2c3f4fcd]{background-color:#fff;border-radius:8px;overflow:hidden}.transparent[data-v-2c3f4fcd]{background-color:transparent;border:none}.p-0[data-v-2c3f4fcd]{padding:0!important}.apd-bg[data-v-2c3f4fcd]{height:5px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-size:200% 100%;animation:gradientShift-2c3f4fcd 15s ease infinite}@keyframes gradientShift-2c3f4fcd{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.single[data-v-2c3f4fcd]{padding:40px}.my-4[data-v-2c3f4fcd]{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.article-content[data-v-2c3f4fcd]{line-height:1.8;color:#333}.article-content h2[data-v-2c3f4fcd]{font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem;color:#333}.article-content h3[data-v-2c3f4fcd]{font-size:1.25rem;margin-top:1.5rem;margin-bottom:1rem;color:#495057}.article-content p[data-v-2c3f4fcd]{margin-bottom:1rem}.article-content img[data-v-2c3f4fcd]{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.article-content a[data-v-2c3f4fcd]{color:#007bff;text-decoration:none}.article-content a[data-v-2c3f4fcd]:hover{text-decoration:underline}.text-gray[data-v-2c3f4fcd]{color:#6c757d!important}.text-lg[data-v-2c3f4fcd]{font-size:1.125rem!important}.stat-section[data-v-2c3f4fcd]{margin:2rem 0}.stats-cards[data-v-2c3f4fcd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card[data-v-2c3f4fcd]{background-color:#fff;border-radius:.5rem;padding:1.25rem;border:1px solid #f0f0f0;transition:all .3s ease}.stat-card[data-v-2c3f4fcd]:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-icon[data-v-2c3f4fcd]{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:1.25rem}.stat-value[data-v-2c3f4fcd]{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:.25rem}.stat-label[data-v-2c3f4fcd]{font-size:.875rem;color:#718096;margin-bottom:.25rem}.stat-trend[data-v-2c3f4fcd]{font-size:.75rem;display:flex;align-items:center}.chart-header[data-v-2c3f4fcd]{background-color:#f8fafc;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.chart-controls[data-v-2c3f4fcd]{display:flex;align-items:center;gap:.5rem}.chart-period-btn[data-v-2c3f4fcd]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;transition:all .2s ease;border:none;cursor:pointer}.chart-period-btn.active[data-v-2c3f4fcd]{background-color:#007bff;color:#fff}.chart-period-btn[data-v-2c3f4fcd]:not(.active):hover{background-color:#e2e8f0}.io-chart[data-v-2c3f4fcd]{margin-bottom:1.25rem;border-radius:.5rem;overflow:hidden}@media (max-width: 768px){.stats-cards[data-v-2c3f4fcd]{grid-template-columns:1fr}.stat-value[data-v-2c3f4fcd]{font-size:1.5rem}.chart-header[data-v-2c3f4fcd]{flex-direction:column;align-items:flex-start;gap:.5rem}}.sites-default-content[data-v-2c3f4fcd]{margin-bottom:20px}.viewport[data-v-2c3f4fcd]{line-height:1.6;color:#333}.text-center[data-v-2c3f4fcd]{text-align:center!important}.content-title[data-v-2c3f4fcd]{font-weight:700;color:#333}.d-none[data-v-2c3f4fcd]{display:none!important}.text-muted[data-v-2c3f4fcd]{color:#6c757d!important}.text-sm[data-v-2c3f4fcd]{font-size:.875rem!important}.m-0[data-v-2c3f4fcd]{margin:0!important}.card-footer[data-v-2c3f4fcd]{padding:.75rem 1.25rem;background-color:#00000008;border-top:1px solid rgba(0,0,0,.125)}.d-flex[data-v-2c3f4fcd]{display:flex!important}.ml-auto[data-v-2c3f4fcd]{margin-left:auto!important}.d-md-block[data-v-2c3f4fcd]{display:block!important}.row[data-v-2c3f4fcd]{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.mb-n4[data-v-2c3f4fcd]{margin-bottom:-1.5rem!important}.url-card[data-v-2c3f4fcd]{padding-right:15px;padding-left:15px}.detail-view .url-card .url-body[data-v-2c3f4fcd]{transform:translateY(0);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);will-change:transform;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:10px}.detail-view .url-card .url-body[data-v-2c3f4fcd]:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px #0024644d;-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}.detail-view .url-card .card[data-v-2c3f4fcd],.detail-view .url-card .card[data-v-2c3f4fcd]:hover{border:none!important;box-shadow:none!important}html.io-black-mode .detail-view .url-card .card[data-v-2c3f4fcd],html.io-black-mode .detail-view .url-card .card[data-v-2c3f4fcd]:hover{border:none!important;box-shadow:none!important;border-radius:10px!important}html.io-black-mode .detail-view .url-card .url-body[data-v-2c3f4fcd],html.io-black-mode .detail-view .url-card .url-body[data-v-2c3f4fcd]:hover{border-radius:10px!important}.detail-view .url-card a[data-v-2c3f4fcd]{color:#282a2d!important;outline:0!important;text-decoration:none!important}.detail-view .url-card a[data-v-2c3f4fcd]:hover{text-decoration:none!important;color:#5961f9!important}html.io-black-mode .detail-view .url-card a[data-v-2c3f4fcd]{color:#c6c9cf!important}html.io-black-mode .detail-view .url-card a[data-v-2c3f4fcd]:hover{color:#fff!important}.detail-view .text-sm[data-v-2c3f4fcd]{font-size:.875rem!important}.detail-view .overflowClip_1[data-v-2c3f4fcd]{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.detail-view .overflowClip_1[data-v-2c3f4fcd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.detail-view .font-weight-normal[data-v-2c3f4fcd]{font-weight:400}.col-6[data-v-2c3f4fcd],.col-sm-6[data-v-2c3f4fcd]{flex:0 0 50%;max-width:50%}.col-md-4[data-v-2c3f4fcd]{flex:0 0 33.333333%;max-width:33.333333%}.url-body[data-v-2c3f4fcd]{position:relative}.url-content[data-v-2c3f4fcd]{display:flex;align-items:center}.url-img[data-v-2c3f4fcd]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0}.url-img img[data-v-2c3f4fcd]{width:100%;height:100%;object-fit:cover}.url-info[data-v-2c3f4fcd]{flex:1;min-width:0}.font-weight-normal[data-v-2c3f4fcd]{font-weight:400!important}.overflowClip_1[data-v-2c3f4fcd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-apd[data-v-2c3f4fcd]{margin-top:30px;text-align:center}.post-apd img[data-v-2c3f4fcd]{max-width:100%;height:auto}@media (max-width: 992px){.col-lg-3[data-v-2c3f4fcd]{flex:0 0 25%;max-width:25%}}@media (max-width: 768px){.col-md-4[data-v-2c3f4fcd]{flex:0 0 50%;max-width:50%}.sidebar[data-v-2c3f4fcd]{width:100%;margin-right:0;margin-bottom:20px}.content[data-v-2c3f4fcd]{flex-direction:column}.col-md-6[data-v-2c3f4fcd]{flex:0 0 100%;max-width:100%}.vip-certificate[data-v-2c3f4fcd],.vip-mj[data-v-2c3f4fcd],.vip-img[data-v-2c3f4fcd]{margin:.5rem auto!important}}@media (max-width: 767.98px){.sidebar .ads-img[data-v-2c3f4fcd],.vip-certificate[data-v-2c3f4fcd],.vip-mj[data-v-2c3f4fcd]{max-width:97%;margin:.5rem auto!important}}@media (max-width: 576px){.col-6[data-v-2c3f4fcd],.col-sm-5[data-v-2c3f4fcd]{flex:0 0 100%;max-width:100%}}@media (max-width: 720px){main.content[data-v-2c3f4fcd]{margin-left:0;padding:0 10px}.content-wrap[data-v-2c3f4fcd]{max-width:100%}}.detail-view[data-v-2c3f4fcd]{padding:0 5%}.sidebar.sidebar-tools[data-v-2c3f4fcd]{position:relative}.theiaStickySidebar[data-v-2c3f4fcd]{position:sticky;top:80px;z-index:10;min-height:auto;height:auto}.theiaStickySidebar[data-v-2c3f4fcd]>*{max-width:100%}@media (max-width: 768px){.theiaStickySidebar[data-v-2c3f4fcd]{position:static;min-height:auto}}.detail-view[data-v-2c3f4fcd]{width:100%;overflow-x:hidden}.container[data-v-2c3f4fcd]{max-width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.io-sidebar-widget[data-v-2c3f4fcd]{margin-bottom:20px;background:none;margin-bottom:1rem;box-shadow:none;border:none}body[data-v-2c3f4fcd]{margin:0;padding:0}.ad-container[data-v-2c3f4fcd]{display:flex;justify-content:center;align-items:center}.sidebar .card-header[data-v-2c3f4fcd]{background-color:#fff}.logo-test-container[data-v-62a76dcc]{max-width:800px;margin:0 auto;padding:20px}h1[data-v-62a76dcc],h2[data-v-62a76dcc]{color:#333}.test-section[data-v-62a76dcc]{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:8px}.json-output[data-v-62a76dcc]{background-color:#fff;padding:15px;border:1px solid #ddd;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:Courier New,Courier,monospace}.logo-preview[data-v-62a76dcc]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.test-logo[data-v-62a76dcc]{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.theme-toggle-btn[data-v-62a76dcc]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.theme-toggle-btn[data-v-62a76dcc]:hover{background-color:#0056b3}.sitemap-view[data-v-20ec2a6d]{min-height:100vh;background-color:#f5f5f5;padding:20px}.sitemap-header[data-v-20ec2a6d]{text-align:center;margin-bottom:40px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.sitemap-header h1[data-v-20ec2a6d]{font-size:2.5em;color:#333;margin-bottom:10px}.sitemap-header p[data-v-20ec2a6d]{font-size:1.1em;color:#666}.sitemap-content[data-v-20ec2a6d]{max-width:1200px;margin:0 auto}.sitemap-main[data-v-20ec2a6d],.sitemap-pages[data-v-20ec2a6d],.sitemap-info[data-v-20ec2a6d]{background-color:#fff;padding:20px;margin-bottom:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.sitemap-main h2[data-v-20ec2a6d],.sitemap-pages h2[data-v-20ec2a6d],.sitemap-info h2[data-v-20ec2a6d]{font-size:1.8em;color:#333;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.sitemap-link[data-v-20ec2a6d],.sitemap-links[data-v-20ec2a6d]{margin-top:20px}.sitemap-link a[data-v-20ec2a6d],.sitemap-links a[data-v-20ec2a6d]{display:inline-block;padding:10px 20px;margin:5px;background-color:#4285f4;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.sitemap-link a[data-v-20ec2a6d]:hover,.sitemap-links a[data-v-20ec2a6d]:hover{background-color:#3367d6}.sitemap-meta[data-v-20ec2a6d]{margin-top:15px}.sitemap-meta p[data-v-20ec2a6d]{font-size:1.1em;margin-bottom:8px;color:#666}.sitemap-footer[data-v-20ec2a6d]{text-align:center;margin-top:50px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.sitemap-footer p[data-v-20ec2a6d]{font-size:1em;color:#666}.test-sitemap-view[data-v-47257d2d]{min-height:100vh;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.test-header[data-v-47257d2d]{text-align:center;margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.test-header h1[data-v-47257d2d]{font-size:2.2em;color:#333;margin-bottom:10px}.test-header p[data-v-47257d2d]{font-size:1.1em;color:#666}.test-content[data-v-47257d2d]{max-width:1200px;margin:0 auto}.test-section[data-v-47257d2d]{background-color:#fff;padding:25px;margin-bottom:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.test-section h2[data-v-47257d2d]{font-size:1.8em;color:#333;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.api-controls[data-v-47257d2d]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.test-button[data-v-47257d2d]{background-color:#4285f4;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .3s ease}.test-button[data-v-47257d2d]:hover{background-color:#3367d6}.api-results[data-v-47257d2d]{margin-top:20px}.loading[data-v-47257d2d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#f9f9f9;border-radius:4px}.spinner[data-v-47257d2d]{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #4285f4;border-radius:50%;animation:spin-47257d2d 1s linear infinite;margin-bottom:15px}@keyframes spin-47257d2d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-47257d2d]{background-color:#ffebee;padding:20px;border-radius:4px;border-left:4px solid #d32f2f;color:#d32f2f}.results[data-v-47257d2d]{background-color:#f9f9f9;border-radius:4px;overflow:hidden}.results h3[data-v-47257d2d]{background-color:#4285f4;color:#fff;margin:0;padding:15px;font-size:1.2em}.result-content[data-v-47257d2d]{max-height:400px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;margin:0}.result-content pre[data-v-47257d2d]{padding:20px;margin:0;font-family:Courier New,Courier,monospace;font-size:.9em;white-space:pre-wrap;word-wrap:break-word}.link-list[data-v-47257d2d]{margin-top:15px}.link-list p[data-v-47257d2d]{margin-bottom:10px;font-size:1.1em}.link-list a[data-v-47257d2d]{color:#4285f4;text-decoration:none;transition:color .3s ease}.link-list a[data-v-47257d2d]:hover{color:#3367d6;text-decoration:underline}.feature-info[data-v-47257d2d]{margin-top:15px}.feature-info p[data-v-47257d2d]{margin-bottom:15px;line-height:1.6;color:#666}.feature-info ul[data-v-47257d2d]{margin-left:20px}.feature-info li[data-v-47257d2d]{margin-bottom:8px;line-height:1.6;color:#666}.test-footer[data-v-47257d2d]{text-align:center;margin-top:40px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.test-footer p[data-v-47257d2d]{color:#666;font-size:1em}@media (max-width: 768px){.api-controls[data-v-47257d2d]{flex-direction:column}.test-button[data-v-47257d2d]{width:100%}.result-content[data-v-47257d2d]{max-height:300px}.result-content pre[data-v-47257d2d]{font-size:.8em;padding:15px}}.hot-news-container[data-v-5d322e64]{width:100%;max-width:1200px;margin:0 auto;padding:20px}.hot-news-header[data-v-5d322e64]{text-align:center;margin-bottom:30px}.hot-news-header h1[data-v-5d322e64]{font-size:32px;color:#333;margin:0}.hot-news-content[data-v-5d322e64]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.loading[data-v-5d322e64],.error[data-v-5d322e64],.no-data[data-v-5d322e64]{text-align:center;padding:40px;color:#666}.news-list[data-v-5d322e64]{display:flex;flex-direction:column;gap:15px}.news-item[data-v-5d322e64]{display:flex;align-items:center;padding:15px;border-radius:6px;transition:background-color .2s}.news-item[data-v-5d322e64]:hover{background-color:#f5f5f5}.news-rank[data-v-5d322e64]{width:32px;height:32px;background-color:#ff6b6b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:700;font-size:14px}.news-content[data-v-5d322e64]{flex:1;display:flex;align-items:center;justify-content:space-between}.news-title[data-v-5d322e64]{color:#333;text-decoration:none;font-size:16px;line-height:1.5;flex:1;transition:color .2s}.news-title[data-v-5d322e64]:hover{color:#ff6b6b}.news-hot[data-v-5d322e64]{color:#999;font-size:14px;margin-left:15px}@media (max-width: 768px){.hot-news-container[data-v-5d322e64]{padding:10px}.hot-news-header h1[data-v-5d322e64]{font-size:24px}.news-title[data-v-5d322e64]{font-size:14px}}.related-articles-container[data-v-01ce1b47]{width:100%}.related-articles-title[data-v-01ce1b47]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem;padding-bottom:.5rem}.related-articles-grid[data-v-01ce1b47]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.related-article-card[data-v-01ce1b47]{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff;padding:15px;border-radius:8px}.overflowClip_2[data-v-01ce1b47]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;line-height:1.5;height:3em;min-height:3em;max-height:3em;word-wrap:break-word;word-break:break-word;display:flex;flex-direction:column;justify-content:flex-start}.related-articles-empty[data-v-01ce1b47]{padding:2rem 0;text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 767px){.related-articles-grid[data-v-01ce1b47]{grid-template-columns:repeat(3,1fr);gap:.5rem}.related-article-card .list-title[data-v-01ce1b47]{font-size:.8rem!important}.related-article-card .list-footer[data-v-01ce1b47]{font-size:.7rem}.related-article-card .media[data-v-01ce1b47]{height:60px!important}.related-articles-title[data-v-01ce1b47]{font-size:1rem}}@media (max-width: 575.98px){.related-articles-title[data-v-01ce1b47]{font-size:.95rem}}.io-black-mode .related-articles-title[data-v-01ce1b47]{color:var(--dark-text-primary);border-bottom-color:var(--primary-color)}.io-black-mode .overflowClip_2[data-v-01ce1b47]{color:var(--dark-text-primary)}.io-black-mode .related-articles-empty[data-v-01ce1b47]{color:var(--dark-text-secondary)}.io-black-mode .related-article-card[data-v-01ce1b47]{background-color:var(--dark-card-bg-color);border:1px solid var(--dark-border-color);background-color:#2c2e2f!important;border-color:#363738!important}.io-black-mode .list-title[data-v-01ce1b47]:hover{color:var(--primary-color)}.related-article-card[data-v-01ce1b47],.my-4[data-v-01ce1b47]{margin-bottom:.5rem!important}.card-post .list-content[data-v-01ce1b47]{padding-bottom:.1px}.breadcrumb-nav[data-v-9f0af101]{font-size:.75rem;margin-bottom:1rem;padding:0;line-height:1.4;transition:all .3s ease;background:transparent}.breadcrumb[data-v-9f0af101]{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:inherit;flex-wrap:wrap;background-color:#fff0}.breadcrumb-item[data-v-9f0af101]{display:flex;align-items:center;color:var(--text-secondary, #666);font-weight:400;position:relative}.breadcrumb-link .iconfont[data-v-9f0af101]{font-size:.875rem;transition:transform .2s ease,color .2s ease}.breadcrumb-link[data-v-9f0af101]{display:flex;align-items:center;color:var(--text-secondary, #666);text-decoration:none;padding:.25rem 0;transition:all .25s ease;position:relative;overflow:hidden;white-space:nowrap}.breadcrumb-link[data-v-9f0af101]:hover{color:var(--primary-color, #f1404b);transform:translateY(-1px)}.breadcrumb-link[data-v-9f0af101]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--primary-color, #f1404b);transition:width .25s ease}.breadcrumb-link[data-v-9f0af101]:hover:after{width:100%}.breadcrumb-link:hover .iconfont[data-v-9f0af101]{transform:scale(1.1)}.breadcrumb-item:first-child .breadcrumb-link[data-v-9f0af101]{gap:.375rem;font-weight:500}.breadcrumb-item[data-v-9f0af101]:not(:first-child):before{content:"•";color:var(--primary-color, #f1404b);padding:0 .5rem;margin:0;font-size:1.2em;opacity:.7;transition:opacity .2s ease;display:inline-block;width:auto}.breadcrumb-item[data-v-9f0af101]:hover:not(:first-child):before{opacity:1}.breadcrumb-item[data-v-9f0af101]:after{display:none}.breadcrumb-item.active[data-v-9f0af101]{color:var(--text-secondary, #666);font-weight:400}.io-black-mode .breadcrumb-item[data-v-9f0af101]{color:var(--dark-text-secondary, #bbb)}.io-black-mode .breadcrumb-item[data-v-9f0af101]:not(:first-child):before{color:var(--primary-color, #f1404b);opacity:.8}.io-black-mode .breadcrumb-link[data-v-9f0af101]{color:var(--dark-text-secondary, #bbb)}.io-black-mode .breadcrumb-link[data-v-9f0af101]:hover{color:var(--primary-color, #f1404b)}.io-black-mode .breadcrumb-item.active[data-v-9f0af101]{color:var(--dark-text-secondary, #bbb)}@media (max-width: 768px){.breadcrumb-nav[data-v-9f0af101]{margin-bottom:.875rem;padding:0;background:transparent}.breadcrumb[data-v-9f0af101]{font-size:.71875rem}.breadcrumb-item[data-v-9f0af101]:not(:first-child):before{padding:0 .375rem;margin:0;font-size:1em}.breadcrumb[data-v-9f0af101]{gap:.125rem 0}}@media (min-width: 768px) and (max-width: 1024px){.breadcrumb-nav[data-v-9f0af101]{margin-bottom:1.125rem}}@media (min-width: 1024px){.breadcrumb-nav[data-v-9f0af101]{margin-bottom:1.25rem;font-size:.8125rem}.breadcrumb-item[data-v-9f0af101]:not(:first-child):before{padding:0 .5rem}}.breadcrumb-nav[data-v-9f0af101]{animation:fadeIn-9f0af101 .3s ease-out}@keyframes fadeIn-9f0af101{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.latest-posts-list[data-v-8ef7ccf8]{display:flex;flex-direction:column;gap:1rem}.list-item.py-2[data-v-8ef7ccf8]{transition:all .2s ease;border-radius:8px}.list-item.py-2[data-v-8ef7ccf8]:hover{background-color:var(--tag-bg-color);transform:translate(4px);box-shadow:0 2px 8px #0000001a;padding-left:.5rem}.latest-post-item[data-v-8ef7ccf8]{transition:transform .2s ease}.latest-post-item[data-v-8ef7ccf8]:hover{transform:translate(4px)}.latest-post-link[data-v-8ef7ccf8]{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s ease}@media (max-width: 991.98px){.latest-post-link[data-v-8ef7ccf8]{gap:.6rem}.post-thumb[data-v-8ef7ccf8]{width:50px!important;height:50px!important}}.io-black-mode .list-item.py-2[data-v-8ef7ccf8]:hover{background-color:#424446;box-shadow:0 2px 8px #0000004d}.io-black-mode .latest-post-item[data-v-8ef7ccf8]:hover{transform:translate(4px)}.io-black-mode .post-thumb[data-v-8ef7ccf8]{background-color:#424446}.io-black-mode .post-title[data-v-8ef7ccf8]:hover{color:#4a9eff}.io-black-mode .post-date[data-v-8ef7ccf8]{background-color:#424446;color:#adbac7}.sidebar-widgets-container[data-v-02d1a6d7]{display:flex;flex-direction:column;gap:var(--552a9332)}.widget-card[data-v-02d1a6d7]{background-color:var(--card-bg-color, #ffffff);border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .3s ease}.widget-card[data-v-02d1a6d7]:hover{box-shadow:0 4px 16px #0000001a}.widget-header[data-v-02d1a6d7]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e8e8e8)}.widget-title[data-v-02d1a6d7]{font-size:1.1rem;font-weight:600;color:var(--text-primary, #333333);margin:0;display:flex;align-items:center}.widget-more[data-v-02d1a6d7]{font-size:.85rem;color:var(--text-secondary, #666666);text-decoration:none;transition:color .2s ease}.widget-more[data-v-02d1a6d7]:hover{color:var(--primary-color, #1890ff)}.widget-body[data-v-02d1a6d7]{padding:1.25rem}.sidebar-tags[data-v-02d1a6d7]{display:flex;flex-wrap:wrap;gap:.75rem}.sidebar-tag[data-v-02d1a6d7]{background-color:var(--tag-bg-color, #f0f2f5);color:var(--tag-text-color, #666666);padding:.3rem .75rem;border-radius:16px;font-size:.85rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.sidebar-tag[data-v-02d1a6d7]:hover{background-color:var(--primary-color, #1890ff);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.hot-news-list[data-v-02d1a6d7]{display:flex;flex-direction:column;gap:1rem}.hot-news-item[data-v-02d1a6d7]{display:flex;align-items:flex-start;gap:.75rem}.hot-news-rank[data-v-02d1a6d7]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:var(--tag-bg-color, #f0f2f5);color:var(--text-secondary, #666666);font-size:.85rem;font-weight:600;flex-shrink:0}.hot-news-rank.hot-rank-top[data-v-02d1a6d7]{background-color:#ff4d4f;color:#fff}.hot-news-rank[data-v-02d1a6d7]:nth-child(1){background-color:#ff4d4f}.hot-news-rank[data-v-02d1a6d7]:nth-child(2){background-color:#faad14}.hot-news-rank[data-v-02d1a6d7]:nth-child(3){background-color:#1890ff}.hot-news-title[data-v-02d1a6d7]{font-size:.9rem;color:var(--text-primary, #333333);text-decoration:none;line-height:1.5;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.hot-news-title[data-v-02d1a6d7]:hover{color:var(--primary-color, #1890ff)}.about-content p[data-v-02d1a6d7]{font-size:.9rem;color:var(--text-secondary, #666666);line-height:1.6;margin-bottom:1rem;margin-top:0}.social-links[data-v-02d1a6d7]{display:flex;flex-direction:column;gap:.5rem}.social-link[data-v-02d1a6d7]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--tag-bg-color, #f0f2f5);border-radius:6px;color:var(--text-secondary, #666666);text-decoration:none;font-size:.9rem;transition:all .2s ease}.social-link[data-v-02d1a6d7]:hover{background-color:var(--hover-bg-color, #e6f7ff);color:var(--primary-color, #1890ff);transform:translate(4px)}.subscribe-form[data-v-02d1a6d7]{display:flex;flex-direction:column;gap:.75rem}.subscribe-input[data-v-02d1a6d7]{padding:.75rem 1rem;border:1px solid var(--border-color, #e8e8e8);border-radius:6px;background-color:var(--bg-color, #ffffff);color:var(--text-primary, #333333);font-size:.9rem;transition:border-color .2s ease}.subscribe-input[data-v-02d1a6d7]:focus{outline:none;border-color:var(--primary-color, #1890ff);box-shadow:0 0 0 2px #1890ff1a}.subscribe-btn[data-v-02d1a6d7]{padding:.75rem 1rem;background-color:var(--primary-color, #1890ff);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.subscribe-btn[data-v-02d1a6d7]:hover{background-color:var(--secondary-color, #40a9ff)}@media (max-width: 768px){.sidebar-widgets-container[data-v-02d1a6d7]{gap:1rem}.widget-header[data-v-02d1a6d7]{padding:.75rem 1rem}.widget-body[data-v-02d1a6d7]{padding:1rem}.widget-title[data-v-02d1a6d7]{font-size:1rem}.sidebar-tags[data-v-02d1a6d7]{gap:.5rem}.sidebar-tag[data-v-02d1a6d7]{padding:.25rem .6rem;font-size:.8rem}.hot-news-list[data-v-02d1a6d7]{gap:.75rem}.hot-news-rank[data-v-02d1a6d7]{width:20px;height:20px;font-size:.75rem}.hot-news-title[data-v-02d1a6d7],.about-content p[data-v-02d1a6d7],.social-link[data-v-02d1a6d7]{font-size:.85rem}.subscribe-input[data-v-02d1a6d7],.subscribe-btn[data-v-02d1a6d7]{font-size:.85rem;padding:.65rem .9rem}}.io-black-mode .widget-card[data-v-02d1a6d7]{background-color:#2c2e2f;box-shadow:0 2px 8px #0003}.io-black-mode .widget-header[data-v-02d1a6d7]{border-bottom-color:#363738}.io-black-mode .widget-title[data-v-02d1a6d7]{color:#c6c9cf}.io-black-mode .widget-more[data-v-02d1a6d7]{color:#9da4ae}.io-black-mode .widget-more[data-v-02d1a6d7]:hover{color:#4a9eff}.io-black-mode .sidebar-tag[data-v-02d1a6d7]{background-color:#424446;color:#9da4ae}.io-black-mode .sidebar-tag[data-v-02d1a6d7]:hover{background-color:#4a9eff;color:#fff}.io-black-mode .hot-news-title[data-v-02d1a6d7]{color:#c6c9cf}.io-black-mode .hot-news-title[data-v-02d1a6d7]:hover{color:#4a9eff}.io-black-mode .about-content p[data-v-02d1a6d7]{color:#9da4ae}.io-black-mode .social-link[data-v-02d1a6d7]{background-color:#424446;color:#9da4ae}.io-black-mode .social-link[data-v-02d1a6d7]:hover{background-color:#4a4c4e;color:#4a9eff}.io-black-mode .subscribe-input[data-v-02d1a6d7]{border-color:#363738;background-color:#2c2e2f;color:#c6c9cf}.io-black-mode .subscribe-input[data-v-02d1a6d7]:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff26}.io-black-mode .subscribe-btn[data-v-02d1a6d7]{background-color:#4a9eff}.io-black-mode .subscribe-btn[data-v-02d1a6d7]:hover{background-color:#6aa8ff}.post-apd[data-v-a5a65dd0]{margin-top:1.5rem}.ad_img[data-v-a5a65dd0]{display:block;max-width:100%;height:auto;border-radius:8px;transition:opacity .3s ease}.bottomAdvert[data-v-a5a65dd0]{padding:8px;background-color:#fff;border-radius:5px}[data-v-a5a65dd0] html.io-black-mode .ad_img,[data-v-a5a65dd0] body.io-black-mode .ad_img{border-radius:8px}.ad_img[data-v-a5a65dd0]:hover{opacity:.9}.daily-news-view[data-v-70212adc]{min-height:100vh;background-color:var(--bg-color);transition:background-color .3s ease}.sidebar[data-v-70212adc]{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section[data-v-70212adc]{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.sidebar-section[data-v-70212adc]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.sidebar-more[data-v-70212adc]{color:var(--text-muted);font-size:.875rem;transition:color .2s ease}.sidebar-more[data-v-70212adc]{font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.io-sidebar-widget .card-body[data-v-70212adc]{padding:1rem}.sidebar-tags[data-v-70212adc]{display:flex;flex-wrap:wrap;gap:.75rem}.sidebar-tag[data-v-70212adc]{background-color:var(--tag-bg-color);color:var(--tag-text-color);padding:.3rem .75rem;border-radius:16px;font-size:.85rem;text-decoration:none;transition:all .2s ease}.sidebar-tag[data-v-70212adc]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.hot-news-list[data-v-70212adc]{display:flex;flex-direction:column;gap:1rem}.hot-news-item[data-v-70212adc]{display:flex;align-items:flex-start;gap:.75rem}.hot-news-rank[data-v-70212adc]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:var(--tag-bg-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;flex-shrink:0}.hot-news-rank.hot-rank-top[data-v-70212adc]{background-color:#ff4d4f;color:#fff}.hot-news-rank[data-v-70212adc]:nth-child(1){background-color:#ff4d4f}.hot-news-rank[data-v-70212adc]:nth-child(2){background-color:#faad14}.hot-news-rank[data-v-70212adc]:nth-child(3){background-color:#1890ff}.hot-news-title[data-v-70212adc]{font-size:.9rem;color:var(--text-primary);text-decoration:none;line-height:1.5;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot-news-title[data-v-70212adc]:hover{color:var(--primary-color)}.latest-posts-list[data-v-70212adc]{display:flex;flex-direction:column;gap:1rem}.list-item.py-2[data-v-70212adc]{transition:all .2s ease;border-radius:8px}.list-item.py-2[data-v-70212adc]:hover{background-color:var(--tag-bg-color);transform:translate(4px);box-shadow:0 2px 8px #0000001a;padding-left:.5rem}.io-black-mode .list-item.py-2[data-v-70212adc]:hover{background-color:#424446;box-shadow:0 2px 8px #0000004d}.latest-post-item[data-v-70212adc]{transition:transform .2s ease}.latest-post-item[data-v-70212adc]:hover{transform:translate(4px)}.latest-post-link[data-v-70212adc]{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s ease}.post-thumb[data-v-70212adc]{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0;background-color:var(--tag-bg-color)}.post-thumb-img[data-v-70212adc]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.latest-post-link:hover .post-thumb-img[data-v-70212adc]{transform:scale(1.1)}.post-info[data-v-70212adc]{flex:1;min-width:0}.post-title[data-v-70212adc]{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:0 0 .3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.latest-post-link:hover .post-title[data-v-70212adc]{color:var(--primary-color)}.post-meta[data-v-70212adc]{display:flex;align-items:center;gap:.5rem}.post-date[data-v-70212adc]{font-size:.7rem;color:var(--text-tertiary);background-color:var(--tag-bg-color);padding:.1rem .4rem;border-radius:3px}.io-widget-sites-list .card-body[data-v-70212adc]{padding:1rem .5rem}.hot-sites-list[data-v-70212adc]{display:flex;flex-direction:column;gap:.75rem}.hot-site-item[data-v-70212adc]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--sidebar-bg-color);border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.hot-site-item[data-v-70212adc]:hover{background-color:var(--hover-bg-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.site-info[data-v-70212adc]{display:flex;align-items:center;gap:.75rem;flex:1}.site-icon[data-v-70212adc]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--tag-bg-color);border-radius:6px;color:var(--primary-color);flex-shrink:0}.site-details[data-v-70212adc]{min-width:0}.site-name[data-v-70212adc]{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:0 0 .2rem}.site-desc[data-v-70212adc]{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.site-badge[data-v-70212adc]{font-size:.65rem;font-weight:600;color:#fff;background-color:#ff4d4f;padding:.2rem .4rem;border-radius:4px;white-space:nowrap}.io-black-mode .hot-site-item[data-v-70212adc]{background-color:#37393b}.io-black-mode .hot-site-item[data-v-70212adc]:hover{background-color:#424446;box-shadow:0 4px 12px #0000004d}.categories-section[data-v-70212adc]{margin-bottom:2rem}.categories-list[data-v-70212adc]{display:flex;flex-direction:column;gap:.5rem}.category-row[data-v-70212adc]{display:flex;gap:.5rem}.category-item[data-v-70212adc]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;background-color:var(--sidebar-bg-color);border-radius:6px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.category-item[data-v-70212adc]:hover{background-color:var(--hover-bg-color);border-color:var(--primary-color);transform:translateY(-1px)}.category-name[data-v-70212adc]{font-size:.85rem;color:var(--text-primary);font-weight:500}.category-count[data-v-70212adc]{font-size:.75rem;color:var(--text-tertiary);background-color:var(--tag-bg-color);padding:.1rem .4rem;border-radius:10px;min-width:24px;text-align:center}.io-black-mode .category-item[data-v-70212adc]{background-color:#37393b}.io-black-mode .category-item[data-v-70212adc]:hover{background-color:#424446}.about-content p[data-v-70212adc]{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.social-links[data-v-70212adc]{display:flex;flex-direction:column;gap:.5rem}.social-link[data-v-70212adc]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--tag-bg-color);border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s ease}.social-link[data-v-70212adc]:hover{background-color:var(--hover-bg-color);color:var(--primary-color)}.subscribe-form[data-v-70212adc]{display:flex;flex-direction:column;gap:.75rem}.subscribe-input[data-v-70212adc]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.subscribe-input[data-v-70212adc]:focus{outline:none;border-color:var(--primary-color)}.subscribe-btn[data-v-70212adc]{padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.subscribe-btn[data-v-70212adc]:hover{background-color:var(--secondary-color)}.io-black-mode .sidebar[data-v-70212adc]{box-shadow:0 4px 12px #00000026}.io-black-mode .subscribe-input[data-v-70212adc]{border-color:#363738}.advert-section[data-v-70212adc]{overflow:hidden;border-radius:8px;margin-bottom:2rem}.advert-content[data-v-70212adc]{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease}.advert-content[data-v-70212adc]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.advert-link[data-v-70212adc]{display:block;text-decoration:none;transition:transform .3s ease}.advert-link[data-v-70212adc]:hover{transform:scale(1.02)}.advert-img[data-v-70212adc]{width:100%;height:auto;display:block;border-radius:8px;transition:filter .3s ease}.advert-link:hover .advert-img[data-v-70212adc]{filter:brightness(1.05)}.io-black-mode .advert-content[data-v-70212adc]{border-color:#363738}.hot-tools-section[data-v-70212adc]{margin-bottom:2rem}.sidebar-header[data-v-70212adc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.sidebar-more[data-v-70212adc]{font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease;display:flex;align-items:center}.sidebar-more[data-v-70212adc]:hover{color:var(--primary-color)}.sidebar-more[data-v-70212adc]:after{content:"→";margin-left:.25rem;font-size:.75rem}.hot-tools-list[data-v-70212adc]{display:flex;flex-direction:column;gap:.75rem}.hot-tool-item[data-v-70212adc]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--tag-bg-color);border-radius:8px;text-decoration:none;transition:all .2s ease}.hot-tool-item[data-v-70212adc]:hover{background-color:var(--hover-bg-color);transform:translate(4px);box-shadow:0 2px 8px #0000000d}.tool-icon[data-v-70212adc]{width:40px;height:40px;border-radius:8px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.2rem}.tool-info[data-v-70212adc]{flex:1;min-width:0}.tool-name[data-v-70212adc]{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-desc[data-v-70212adc]{font-size:.75rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-black-mode .hot-tool-item[data-v-70212adc]:hover{box-shadow:0 2px 8px #0003}@media (max-width: 991px){.sidebar[data-v-70212adc]{position:static;margin-top:2rem;margin-bottom:1.5rem;padding:1.25rem}.sidebar-section[data-v-70212adc]{margin-bottom:1.5rem}.sidebar-title[data-v-70212adc]{font-size:1rem;margin-bottom:.75rem}.hot-tool-item[data-v-70212adc]{padding:.6rem;gap:.6rem}.tool-icon[data-v-70212adc]{width:36px;height:36px;font-size:1.1rem}.tool-name[data-v-70212adc]{font-size:.85rem}.latest-post-link[data-v-70212adc]{gap:.6rem}.post-thumb[data-v-70212adc]{width:50px;height:50px}.hot-site-item[data-v-70212adc]{padding:.6rem}.site-icon[data-v-70212adc]{width:36px;height:36px}.category-item[data-v-70212adc]{padding:.5rem .7rem}.category-name[data-v-70212adc]{font-size:.8rem}}@media (max-width: 767px){.sidebar[data-v-70212adc]{padding:1rem;border-radius:10px}.sidebar-title[data-v-70212adc]{font-size:.95rem}.sidebar-tags[data-v-70212adc]{gap:.4rem}.sidebar-tag[data-v-70212adc]{padding:.25rem .6rem;font-size:.8rem}}@media (max-width: 576px){.sidebar[data-v-70212adc]{padding:.85rem;margin:.5rem;box-shadow:0 2px 8px #0000000d}.sidebar-title[data-v-70212adc]{font-size:.9rem;padding-bottom:.4rem}.sidebar-section[data-v-70212adc]{margin-bottom:1.25rem}.category-row[data-v-70212adc]{gap:.4rem}.category-item[data-v-70212adc]{padding:.45rem .6rem}.category-name[data-v-70212adc]{font-size:.75rem}.category-count[data-v-70212adc]{font-size:.7rem;min-width:20px}}.news-content[data-v-70212adc]{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.news-header[data-v-70212adc]{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.news-title[data-v-70212adc]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-description[data-v-70212adc]{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.news-date-wrapper[data-v-70212adc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.news-date[data-v-70212adc]{font-size:1.25rem;font-weight:600;color:var(--primary-color);position:relative}.news-count[data-v-70212adc]{background-color:var(--primary-color);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.news-divider[data-v-70212adc]{height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);margin-bottom:1.5rem;border-radius:2px}.news-item[data-v-70212adc]{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;padding:1.25rem}.news-item[data-v-70212adc]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;background-color:var(--hover-bg-color)}.news-item[data-v-70212adc]:last-child{border-bottom:none}.news-item-meta[data-v-70212adc]{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:var(--text-tertiary)}.news-source[data-v-70212adc]{background-color:var(--tag-bg-color);padding:.2rem .5rem;border-radius:4px;font-weight:500}.news-time[data-v-70212adc]{display:flex;align-items:center;gap:.25rem}.news-time[data-v-70212adc]:before{content:"🕒";font-size:.9rem}.news-item-title[data-v-70212adc]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;transition:color .3s ease;cursor:pointer}.news-item-title[data-v-70212adc]:hover{color:var(--primary-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.news-item-title-link[data-v-70212adc]{text-decoration:none;color:inherit;display:block;transition:color .3s ease}.news-item-title-link:hover .news-item-title[data-v-70212adc]{color:var(--primary-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.news-item-content[data-v-70212adc]{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;text-align:justify}.news-tags[data-v-70212adc]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.news-tag[data-v-70212adc]{background-color:var(--tag-bg-color);color:var(--tag-text-color);padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500;transition:all .2s ease}.news-tag[data-v-70212adc]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.news-placeholder[data-v-70212adc]{text-align:center;color:var(--text-tertiary);font-style:italic;padding:2rem 0;font-size:.95rem}.news-footer[data-v-70212adc]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.footer-note[data-v-70212adc]{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 991px){.news-content[data-v-70212adc]{padding:1.75rem;margin:1rem}.news-title[data-v-70212adc]{font-size:1.65rem}.news-description[data-v-70212adc]{font-size:.95rem}.news-item[data-v-70212adc]{padding:1.2rem}.news-item-title[data-v-70212adc]{font-size:1.2rem}.sidebar[data-v-70212adc]{gap:1.25rem}.sidebar-section[data-v-70212adc]{padding:1.25rem}}@media (max-width: 767px){.news-content[data-v-70212adc]{padding:1.5rem;margin:.75rem;border-radius:10px}.news-header[data-v-70212adc]{margin-bottom:2rem;padding-bottom:1.25rem}.news-title[data-v-70212adc]{font-size:1.5rem;text-align:left;line-height:1.3}.news-description[data-v-70212adc]{text-align:left;font-size:.9rem}.news-date-wrapper[data-v-70212adc]{align-items:flex-start;gap:.5rem}.news-item[data-v-70212adc]{padding:1.1rem;margin-bottom:1.75rem;border-radius:8px}.news-item-title[data-v-70212adc]{font-size:1.1rem}.news-item-content[data-v-70212adc]{font-size:.9rem}.news-item-meta[data-v-70212adc]{align-items:flex-start;gap:.25rem}.news-tags[data-v-70212adc]{justify-content:flex-start}.news-summary-mobile[data-v-70212adc]{display:block}.sidebar[data-v-70212adc]{gap:1rem}.sidebar-section[data-v-70212adc]{padding:1.1rem;border-radius:8px}.sidebar-title[data-v-70212adc]{font-size:1rem;margin-bottom:.85rem}}@media (max-width: 576px){.daily-news-view[data-v-70212adc]{padding-top:1rem}.news-content[data-v-70212adc]{padding:1.25rem 1rem;margin:.5rem;box-shadow:0 2px 8px #0000000d}.news-title[data-v-70212adc]{font-size:1.35rem;line-height:1.4}.news-description[data-v-70212adc]{font-size:.85rem;line-height:1.5}.news-date[data-v-70212adc]{font-size:1.1rem}.news-item[data-v-70212adc]{padding:1rem;margin-bottom:1.5rem;border-radius:6px}.news-item-title[data-v-70212adc]{font-size:1.05rem;line-height:1.4}.news-item-content[data-v-70212adc]{font-size:.85rem;line-height:1.6}.news-tag[data-v-70212adc]{font-size:.75rem;padding:.2rem .6rem}.footer-note[data-v-70212adc]{font-size:.85rem}.mobile-nav-hint[data-v-70212adc]{display:block}.sidebar[data-v-70212adc]{gap:.85rem}.sidebar-section[data-v-70212adc]{padding:1rem;border-radius:6px;border-width:1px}.sidebar-title[data-v-70212adc]{font-size:.95rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom-width:1px}}@media (max-width: 360px){.news-content[data-v-70212adc]{padding:1rem .75rem}.news-title[data-v-70212adc]{font-size:1.25rem}.news-item[data-v-70212adc]{padding:.85rem}.news-item-title[data-v-70212adc]{font-size:1rem}.news-tags[data-v-70212adc]{flex-wrap:wrap;gap:.35rem}.news-tag[data-v-70212adc]{padding:.15rem .5rem;font-size:.7rem}}.io-black-mode[data-v-70212adc]{background-color:transparent;--card-bg-color: #2c2e2f;--border-color: #363738;--text-primary: #c6c9cf;--text-secondary: #9da4ae;--text-tertiary: #6c727a;--hover-bg-color: #333537;--tag-bg-color: #424446;--tag-text-color: #adbac7;--primary-color: #4a9eff;--secondary-color: #7b9ff1;--sidebar-bg-color: #2c2e2f}.io-grey-mode[data-v-70212adc]{--bg-color: #f5f7fa;--card-bg-color: #ffffff;--border-color: #e8e8e8;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--hover-bg-color: #f8f9fa;--tag-bg-color: #f0f2f5;--tag-text-color: #666666;--primary-color: #1890ff;--secondary-color: #40a9ff;--sidebar-bg-color: #ffffff}.io-black-mode .sidebar[data-v-70212adc]{gap:1.5rem}.io-black-mode .sidebar-section[data-v-70212adc]{background:#2c2e2f;border-color:#363738;box-shadow:0 4px 12px #00000026}.io-black-mode .sidebar-section[data-v-70212adc]:hover{box-shadow:0 6px 16px #0003}.io-black-mode .sidebar-title[data-v-70212adc]{border-bottom-color:#4a9eff}.io-black-mode .sidebar-tag[data-v-70212adc]{background-color:#424446;color:#adbac7}.io-black-mode .sidebar-tag[data-v-70212adc]:hover{background-color:#4a9eff;color:#fff}.io-black-mode .hot-news-rank[data-v-70212adc]{background-color:#424446;color:#adbac7}.io-black-mode .hot-news-title[data-v-70212adc]:hover{color:#4a9eff}.io-black-mode .hot-tool-item[data-v-70212adc]{background-color:#424446}.io-black-mode .hot-tool-item[data-v-70212adc]:hover{background-color:#4a4c4e;box-shadow:0 2px 8px #0003}.io-black-mode .sidebar-more[data-v-70212adc]{color:#9da4ae}.io-black-mode .sidebar-more[data-v-70212adc]:hover{color:#4a9eff}.io-black-mode .latest-post-item[data-v-70212adc]:hover{transform:translate(4px)}.io-black-mode .post-thumb[data-v-70212adc]{background-color:#424446}.io-black-mode .post-title[data-v-70212adc]:hover{color:#4a9eff}.io-black-mode .post-date[data-v-70212adc]{background-color:#424446;color:#adbac7}.io-black-mode .hot-site-item[data-v-70212adc]{background-color:#37393b;border-color:transparent}.io-black-mode .hot-site-item[data-v-70212adc]:hover{background-color:#424446;border-color:#4a9eff;box-shadow:0 4px 12px #0000004d}.io-black-mode .site-icon[data-v-70212adc]{background-color:#424446}.io-black-mode .site-desc[data-v-70212adc]{color:#adbac7}.io-black-mode .category-item[data-v-70212adc]{background-color:#37393b;border-color:transparent}.io-black-mode .category-item[data-v-70212adc]:hover{background-color:#424446;border-color:#4a9eff}.io-black-mode .category-count[data-v-70212adc]{background-color:#424446;color:#adbac7}.io-black-mode .advert-content[data-v-70212adc]{border-color:#363738;background-color:#2c2e2f}.io-black-mode .advert-content[data-v-70212adc]:hover{box-shadow:0 6px 16px #00000040}.io-black-mode .news-content[data-v-70212adc]{box-shadow:0 4px 12px #00000026}.io-black-mode .news-divider[data-v-70212adc]{background:linear-gradient(90deg,#4a9eff,transparent)}.io-black-mode .news-item[data-v-70212adc]{border-bottom-color:#363738}.io-black-mode .news-item[data-v-70212adc]:hover{box-shadow:0 8px 20px #00000040;background-color:#333537}.io-black-mode .news-source[data-v-70212adc]{background-color:#424446;color:#adbac7}.io-black-mode .news-item-title[data-v-70212adc]:hover{color:#4a9eff}.io-black-mode .news-tag[data-v-70212adc]{background-color:#424446;color:#adbac7}.io-black-mode .news-tag[data-v-70212adc]:hover{background-color:#4a9eff;color:#fff}.io-black-mode .about-content p[data-v-70212adc]{color:#9da4ae}.io-black-mode .social-link[data-v-70212adc]{background-color:#424446;color:#9da4ae}.io-black-mode .social-link[data-v-70212adc]:hover{background-color:#4a4c4e;color:#4a9eff}.io-black-mode .subscribe-input[data-v-70212adc]{border-color:#363738;background-color:#2c2e2f;color:#c6c9cf}.io-black-mode .subscribe-input[data-v-70212adc]:focus{border-color:#4a9eff}.io-black-mode .subscribe-btn[data-v-70212adc]:hover{background-color:#387fd2}.near-navigation[data-v-70212adc]{display:flex;justify-content:space-between;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;padding:.75rem}.near-navigation .nav[data-v-70212adc]{display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:.5rem 1rem;width:48%;word-break:break-word;text-decoration:none;border-radius:6px;transition:all .3s ease}.near-navigation .previous[data-v-70212adc]{align-items:flex-start;text-align:left;background-color:#f8fafc;border-left:3px solid #3b82f6}.near-navigation .next[data-v-70212adc]{align-items:flex-end;text-align:right;background-color:#f0fdf4;border-right:3px solid #10b981}.near-navigation .previous[data-v-70212adc]:hover{background-color:#eff6ff;transform:translateY(-2px)}.near-navigation .next[data-v-70212adc]:hover{background-color:#dcfce7;transform:translateY(-2px)}.near-navigation span[data-v-70212adc]{font-size:14px;font-weight:500;color:#6c757d;margin-bottom:.25rem}.near-navigation .near-title[data-v-70212adc]{font-size:14px;margin:0;color:#212529;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}@media (max-width: 768px){.near-navigation[data-v-70212adc]{flex-direction:column;gap:.75rem}.near-navigation .nav[data-v-70212adc]{width:100%;min-height:50px}.near-navigation .near-title[data-v-70212adc]{-webkit-line-clamp:1;font-size:13px}}.io-black-mode .near-navigation[data-v-70212adc]{background-color:#2c2c3a!important;background:#2c2c3a!important}.io-black-mode .near-navigation .nav[data-v-70212adc]{background-color:#3a3a4a!important;background:#3a3a4a!important;color:#fff!important;opacity:1!important}.io-black-mode .near-navigation .nav[data-v-70212adc]:hover{background-color:#4a4a5a!important;background:#4a4a5a!important;color:#fff!important;opacity:1!important}.io-black-mode .near-navigation .nav span[data-v-70212adc],.io-black-mode .near-navigation .nav[data-v-70212adc] *{color:#fff!important;opacity:1!important;font-weight:600!important;text-shadow:0 0 2px rgba(255,255,255,.3)!important}.io-black-mode .near-navigation .nav:hover span[data-v-70212adc],.io-black-mode .near-navigation .nav[data-v-70212adc]:hover *{color:#fff!important;opacity:1!important;font-weight:700!important;text-shadow:0 0 2px rgba(255,255,255,.5)!important}.near-navigation.rounded[data-v-70212adc]{border-radius:8px}.near-navigation.py-2[data-v-70212adc]{padding-top:.5rem;padding-bottom:.5rem}.news-container[data-v-70212adc]{scroll-behavior:smooth}@keyframes fadeIn-70212adc{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.news-section[data-v-70212adc]{animation:fadeIn-70212adc .6s ease-out}.news-section[data-v-70212adc]:nth-child(2){animation-delay:.1s}.news-section[data-v-70212adc]:nth-child(3){animation-delay:.2s}.news-section[data-v-70212adc]:nth-child(4){animation-delay:.3s}.news-section[data-v-70212adc]:nth-child(5){animation-delay:.4s}.news-section[data-v-70212adc]:nth-child(6){animation-delay:.5s}.news-section[data-v-70212adc]:nth-child(7){animation-delay:.6s}.news-section[data-v-70212adc]:nth-child(8){animation-delay:.7s}.news-summary-mobile[data-v-70212adc]{display:none;background-color:var(--tag-bg-color);padding:.75rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500;color:var(--text-secondary)}.mobile-nav-hint[data-v-70212adc]{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideUp-70212adc .5s ease-out}@keyframes slideUp-70212adc{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media (hover: none) and (pointer: coarse){.news-item[data-v-70212adc]{transition:transform .1s ease,background-color .1s ease}.news-item[data-v-70212adc]:active{transform:scale(.98)}.news-tag[data-v-70212adc]:active{background-color:var(--primary-color);color:#fff}}@media print{.news-content[data-v-70212adc]{box-shadow:none;background:#fff}.news-item[data-v-70212adc]:hover{transform:none;box-shadow:none}.mobile-nav-hint[data-v-70212adc]{display:none}}.text-gray.text-lg.my-4[data-v-70212adc]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:1rem 0;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.article-card[data-v-70212adc]{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:12px}.article-item[data-v-70212adc]{display:block;background:var(--card-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;height:100%}.article-item[data-v-70212adc]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.article-img[data-v-70212adc]{width:100%;height:140px;object-fit:cover;transition:transform .3s ease}.article-item:hover .article-img[data-v-70212adc]{transform:scale(1.05)}.article-info[data-v-70212adc]{padding:.75rem}.article-title[data-v-70212adc]{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4;height:3.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-item:hover .article-title[data-v-70212adc]{color:var(--primary-color)}@media (max-width: 991.98px){.article-img[data-v-70212adc]{height:120px}}@media (max-width: 575.98px){.text-gray.text-lg.my-4[data-v-70212adc]{font-size:1rem}.article-img[data-v-70212adc]{height:100px}.article-info[data-v-70212adc]{padding:.5rem}.article-title[data-v-70212adc]{font-size:.85rem}}.io-black-mode .article-item[data-v-70212adc]{background:var(--dark-card-bg-color);box-shadow:0 2px 8px #0003}.io-black-mode .article-item[data-v-70212adc]:hover{box-shadow:0 4px 12px #0000004d}.io-black-mode .news-container[data-v-70212adc]:before{border-left:1px dashed rgba(255,255,255,.2)}.io-black-mode .news-item[data-v-70212adc]{background-color:#1f1f2e;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.io-black-mode .news-item[data-v-70212adc]:hover{border-color:#5961f9;box-shadow:0 6px 20px #0006}.io-black-mode .news-section[data-v-70212adc]:before{background:linear-gradient(135deg,#5961f9,#7b83ff)}.io-black-mode .news-item[data-v-70212adc]:before{background-color:#33334d;border-color:#fff3;color:#adb5bd}.io-black-mode .news-item[data-v-70212adc]:hover:before{border-color:#5961f9;color:#5961f9}.io-black-mode .news-date-wrapper[data-v-70212adc]:after{background-color:#ffffff1a}.io-black-mode .news-tag[data-v-70212adc]{background-color:#5961f933;color:#7b83ff}.io-black-mode .news-count[data-v-70212adc]{background-color:#5961f926;color:#7b83ff;transition:all .2s ease}.io-black-mode .news-count[data-v-70212adc]:hover{background-color:#5961f94d}.row[data-v-70212adc]{padding:0 .6rem}.breadcrumb-nav[data-v-70212adc]{margin-bottom:1.5rem;padding:.5rem 0}.breadcrumb[data-v-70212adc]{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:.875rem}.breadcrumb-item[data-v-70212adc]{display:flex;align-items:center;color:var(--text-secondary)}.breadcrumb-item[data-v-70212adc]:not(:last-child):after{content:"/";margin:0 .75rem;color:var(--text-secondary)}.breadcrumb-link[data-v-70212adc]{display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;gap:.25rem}.breadcrumb-link[data-v-70212adc]:hover{color:var(--primary-color)}.breadcrumb-link .iconfont[data-v-70212adc]{font-size:.75rem}.breadcrumb-item.active[data-v-70212adc]{color:var(--text-primary);font-weight:500}.io-black-mode .breadcrumb-item[data-v-70212adc]{color:var(--dark-text-secondary)}.io-black-mode .breadcrumb-item[data-v-70212adc]:not(:last-child):after{color:var(--dark-text-secondary)}.io-black-mode .breadcrumb-link[data-v-70212adc]{color:var(--dark-text-secondary)}.io-black-mode .breadcrumb-link[data-v-70212adc]:hover{color:var(--primary-color)}.io-black-mode .breadcrumb-item.active[data-v-70212adc]{color:var(--dark-text-primary)}@media (max-width: 768px){.breadcrumb-nav[data-v-70212adc]{margin-bottom:1rem;padding:.5rem 1rem}.breadcrumb[data-v-70212adc]{font-size:.8125rem}.breadcrumb-item[data-v-70212adc]:not(:last-child):after{margin:0 .5rem}}.io-widget-ranking-list .card-body[data-v-70212adc]{padding:1rem .5rem}.sidebar .card-header[data-v-70212adc]:after{background:#5961f9}.customize-width[data-v-70212adc]{padding:0 5%}.related-articles-grid[data-v-70212adc]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}@media (max-width: 767px){.related-articles-grid[data-v-70212adc]{grid-template-columns:repeat(3,1fr);gap:.5rem}.related-article-card .list-title[data-v-70212adc]{font-size:.8rem!important}.related-article-card .list-footer[data-v-70212adc]{font-size:.7rem}.related-article-card .media[data-v-70212adc]{height:60px!important}}.related-article-card[data-v-70212adc]{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.overflowClip_2[data-v-70212adc]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;line-height:1.5;height:3em;min-height:3em;max-height:3em;word-wrap:break-word;word-break:break-word;display:flex;flex-direction:column;justify-content:flex-start}.news-container[data-v-70212adc]{position:relative;padding-left:50px;overflow:hidden;margin-left:0}.news-container[data-v-70212adc]:before{content:"";position:absolute;left:1.45rem;top:0;bottom:0;width:0;border-left:1px dashed #c3c8fe;z-index:0}.news-section[data-v-70212adc]{position:relative;margin-bottom:3rem;transition:all .3s ease}.news-section[data-v-70212adc]:before{position:absolute;left:-38px;top:14px;width:24px;height:24px;background:linear-gradient(135deg,#5961f9,#7b83ff);z-index:2;content:"";border-radius:1px;background:#5961f9}.news-date-wrapper[data-v-70212adc]{margin-bottom:1.5rem;display:flex;align-items:center;padding:.5rem 0 1rem;position:relative}.news-date-wrapper[data-v-70212adc]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e8ebf2}.news-date[data-v-70212adc]{font-size:1.4rem;font-weight:700;margin:0;padding:0;color:#5961f9;position:relative;letter-spacing:-.5px}.news-count[data-v-70212adc]{margin-left:1rem;font-size:.85rem;color:#5961f9;background-color:#f5f7fa;padding:.25rem .75rem;border-radius:12px;font-weight:500;border:none;transition:all .2s ease}.news-divider[data-v-70212adc]{display:none}.news-item[data-v-70212adc]{position:relative;margin-bottom:1.5rem;background-color:#fff;border-radius:8px;padding:1.25rem 1.5rem;border:1px solid #e8ebf2;box-shadow:0 2px 8px #00000005;transition:all .2s ease;overflow:visible;cursor:pointer;z-index:1}.news-item[data-v-70212adc]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5961f9,#7b83ff);border-radius:0 0 8px 8px;z-index:2}.news-item[data-v-70212adc]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014;border-color:#5961f9}.news-item[data-v-70212adc]:before{content:attr(data-index);position:absolute;left:-38px;top:20px;width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #e8ebf2;color:#666;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;z-index:1;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.news-item[data-v-70212adc]:hover:before{border-color:#5961f9;color:#5961f9}.news-item-title[data-v-70212adc]{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #333333)}.news-item-meta[data-v-70212adc]{gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary, #666666)}.news-item-content[data-v-70212adc]{margin-bottom:1rem;line-height:1.6;color:var(--text-primary, #333333)}.news-tags[data-v-70212adc]{display:flex;gap:.5rem;flex-wrap:wrap}.news-tag[data-v-70212adc]{font-size:.75rem;padding:.25rem .5rem;background-color:#5961f91a;color:var(--primary-color, #5961f9);border-radius:4px}.news-placeholder[data-v-70212adc]{color:var(--text-secondary, #666666);font-style:italic;padding:2rem 0;text-align:center}@media (max-width: 768px){.news-container[data-v-70212adc]{padding-left:40px;margin-left:0}.news-container[data-v-70212adc]:before{left:1.25rem;width:0;border-left:1px dashed #c3c8fe;top:0}.news-section[data-v-70212adc]{margin-bottom:2.5rem}.news-section[data-v-70212adc]:before{left:-30px;width:20px;height:20px;border-width:2px;top:12px}.news-item[data-v-70212adc]:before{left:-30px;width:18px;height:18px;font-size:.65rem;top:15px}.news-item[data-v-70212adc]{padding:1.1rem 1.25rem;border-radius:6px;margin-bottom:1.25rem}.news-date[data-v-70212adc]{font-size:1.2rem;font-weight:600}.news-count[data-v-70212adc]{padding:.2rem .6rem;font-size:.75rem;margin-left:.75rem}.news-date-wrapper[data-v-70212adc]{margin-bottom:1.25rem;padding-bottom:.75rem}}@media (min-width: 992px){.col-lg-3[data-v-70212adc]{padding-top:4.3rem}}.daily-news-view[data-v-f7a6f44c]{min-height:100vh;background-color:var(--bg-color);transition:background-color .3s ease}.article-meta-info[data-v-f7a6f44c]{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:.2rem 1rem;border-radius:12px;font-size:.8rem}.meta-left[data-v-f7a6f44c]{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.meta-right[data-v-f7a6f44c]{display:flex;gap:.75rem;align-items:center}.article-category[data-v-f7a6f44c],.article-time[data-v-f7a6f44c],.article-author[data-v-f7a6f44c]{display:flex;align-items:center;gap:.35rem;padding:.15rem .75rem;background-color:#fffc;border-radius:20px;font-weight:500;color:var(--text-secondary);box-shadow:0 2px 8px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.article-category[data-v-f7a6f44c]:before,.article-time[data-v-f7a6f44c]:before,.article-author[data-v-f7a6f44c]:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease}.article-category[data-v-f7a6f44c]:hover:before,.article-time[data-v-f7a6f44c]:hover:before,.article-author[data-v-f7a6f44c]:hover:before{left:100%}.article-category[data-v-f7a6f44c]:hover,.article-time[data-v-f7a6f44c]:hover,.article-author[data-v-f7a6f44c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;color:var(--primary-color)}.article-category[data-v-f7a6f44c]{color:var(--primary-color);font-weight:600;border:2px solid var(--primary-color);background-color:#ffffffe6}.article-comments-btn[data-v-f7a6f44c],.article-likes-btn[data-v-f7a6f44c]{display:flex;align-items:center;gap:.4rem;padding:.15rem .75rem;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.article-comments-btn[data-v-f7a6f44c]{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#4f46e5;box-shadow:0 4px 12px #4f46e526}.article-likes-btn[data-v-f7a6f44c]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;box-shadow:0 4px 12px #ef444426}.article-comments-btn[data-v-f7a6f44c]:hover,.article-likes-btn[data-v-f7a6f44c]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #00000026}.article-comments-btn[data-v-f7a6f44c]:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.article-likes-btn[data-v-f7a6f44c]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.article-comments-btn[data-v-f7a6f44c]:active,.article-likes-btn[data-v-f7a6f44c]:active{transform:translateY(1px) scale(.98)}.icon[data-v-f7a6f44c]{font-size:1.1rem}.count[data-v-f7a6f44c]{font-size:.9rem;font-weight:700;min-width:18px;text-align:center}.loading-container[data-v-f7a6f44c],.error-container[data-v-f7a6f44c]{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.loading-spinner[data-v-f7a6f44c]{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-f7a6f44c 1s linear infinite;margin:0 auto 1rem}@keyframes spin-f7a6f44c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-main-content[data-v-f7a6f44c]{padding:1.5rem 0}.article-featured-image[data-v-f7a6f44c]{margin-bottom:2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.featured-img[data-v-f7a6f44c]{width:100%;height:auto;display:block}.article-content-text[data-v-f7a6f44c]{color:var(--text-primary);line-height:1.8;font-size:1rem}.article-content-text h2[data-v-f7a6f44c],.article-content-text h3[data-v-f7a6f44c],.article-content-text h4[data-v-f7a6f44c]{margin:2rem 0 1rem;color:var(--text-primary)}.article-content-text p[data-v-f7a6f44c]{margin-bottom:1.25rem}.article-content-text img[data-v-f7a6f44c]{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.article-content-text a[data-v-f7a6f44c]{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.article-content-text a[data-v-f7a6f44c]:hover{color:var(--secondary-color);text-decoration:underline}.no-content[data-v-f7a6f44c]{text-align:center;padding:3rem 1rem;color:var(--text-tertiary);font-style:italic}.io-black-mode .article-meta-info[data-v-f7a6f44c]{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#4a5568}.io-black-mode .article-category[data-v-f7a6f44c],.io-black-mode .article-time[data-v-f7a6f44c],.io-black-mode .article-author[data-v-f7a6f44c]{background-color:#ffffff14;color:#e2e8f0}.io-black-mode .article-category[data-v-f7a6f44c]{color:var(--primary-color);border-color:var(--primary-color);background-color:#ffffff1f}.io-black-mode .article-comments-btn[data-v-f7a6f44c]{background:linear-gradient(135deg,#1e293b,#334155);color:#93c5fd;box-shadow:0 4px 12px #3b82f633}.io-black-mode .article-likes-btn[data-v-f7a6f44c]{background:linear-gradient(135deg,#1e293b,#334155);color:#fca5a5;box-shadow:0 4px 12px #ef444433}.io-black-mode .article-comments-btn[data-v-f7a6f44c]:hover{background:linear-gradient(135deg,#334155,#475569);color:#bfdbfe}.io-black-mode .article-likes-btn[data-v-f7a6f44c]:hover{background:linear-gradient(135deg,#334155,#475569);color:#fecaca}@media (max-width: 768px){.article-meta-info[data-v-f7a6f44c]{flex-direction:column;gap:1rem;align-items:stretch}.meta-left[data-v-f7a6f44c],.meta-right[data-v-f7a6f44c]{justify-content:center}.article-comments-btn[data-v-f7a6f44c],.article-likes-btn[data-v-f7a6f44c]{flex:1;justify-content:center}}.sidebar[data-v-f7a6f44c]{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section[data-v-f7a6f44c]{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.sidebar-section[data-v-f7a6f44c]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.sidebar-more[data-v-f7a6f44c]{color:var(--text-muted);font-size:.875rem;transition:color .2s ease}.sidebar-more[data-v-f7a6f44c]{font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.io-sidebar-widget .card-body[data-v-f7a6f44c]{padding:1rem}.sidebar-tags[data-v-f7a6f44c]{display:flex;flex-wrap:wrap;gap:.75rem}.sidebar-tag[data-v-f7a6f44c]{background-color:var(--tag-bg-color);color:var(--tag-text-color);padding:.3rem .75rem;border-radius:16px;font-size:.85rem;text-decoration:none;transition:all .2s ease}.sidebar-tag[data-v-f7a6f44c]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.hot-news-list[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:1rem}.hot-news-item[data-v-f7a6f44c]{display:flex;align-items:flex-start;gap:.75rem}.hot-news-rank[data-v-f7a6f44c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:var(--tag-bg-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;flex-shrink:0}.hot-news-rank.hot-rank-top[data-v-f7a6f44c]{background-color:#ff4d4f;color:#fff}.hot-news-rank[data-v-f7a6f44c]:nth-child(1){background-color:#ff4d4f}.hot-news-rank[data-v-f7a6f44c]:nth-child(2){background-color:#faad14}.hot-news-rank[data-v-f7a6f44c]:nth-child(3){background-color:#1890ff}.hot-news-title[data-v-f7a6f44c]{font-size:.9rem;color:var(--text-primary);text-decoration:none;line-height:1.5;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot-news-title[data-v-f7a6f44c]:hover{color:var(--primary-color)}.latest-posts-list[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:1rem}.list-item.py-2[data-v-f7a6f44c]{transition:all .2s ease;border-radius:8px}.list-item.py-2[data-v-f7a6f44c]:hover{background-color:var(--tag-bg-color);transform:translate(4px);box-shadow:0 2px 8px #0000001a;padding-left:.5rem}.io-black-mode .list-item.py-2[data-v-f7a6f44c]:hover{background-color:#424446;box-shadow:0 2px 8px #0000004d}.latest-post-item[data-v-f7a6f44c]{transition:transform .2s ease}.latest-post-item[data-v-f7a6f44c]:hover{transform:translate(4px)}.latest-post-link[data-v-f7a6f44c]{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s ease}.post-thumb[data-v-f7a6f44c]{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0;background-color:var(--tag-bg-color)}.post-thumb-img[data-v-f7a6f44c]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.latest-post-link:hover .post-thumb-img[data-v-f7a6f44c]{transform:scale(1.1)}.post-info[data-v-f7a6f44c]{flex:1;min-width:0}.post-title[data-v-f7a6f44c]{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:0 0 .3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.latest-post-link:hover .post-title[data-v-f7a6f44c]{color:var(--primary-color)}.post-meta[data-v-f7a6f44c]{display:flex;align-items:center;gap:.5rem}.post-date[data-v-f7a6f44c]{font-size:.7rem;color:var(--text-tertiary);background-color:var(--tag-bg-color);padding:.1rem .4rem;border-radius:3px}.io-widget-sites-list .card-body[data-v-f7a6f44c]{padding:1rem .5rem}.hot-sites-list[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:.75rem}.hot-site-item[data-v-f7a6f44c]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--sidebar-bg-color);border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.hot-site-item[data-v-f7a6f44c]:hover{background-color:var(--hover-bg-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.site-info[data-v-f7a6f44c]{display:flex;align-items:center;gap:.75rem;flex:1}.site-icon[data-v-f7a6f44c]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--tag-bg-color);border-radius:6px;color:var(--primary-color);flex-shrink:0}.site-details[data-v-f7a6f44c]{min-width:0}.site-name[data-v-f7a6f44c]{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:0 0 .2rem}.site-desc[data-v-f7a6f44c]{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.site-badge[data-v-f7a6f44c]{font-size:.65rem;font-weight:600;color:#fff;background-color:#ff4d4f;padding:.2rem .4rem;border-radius:4px;white-space:nowrap}.io-black-mode .hot-site-item[data-v-f7a6f44c]{background-color:#37393b}.io-black-mode .hot-site-item[data-v-f7a6f44c]:hover{background-color:#424446;box-shadow:0 4px 12px #0000004d}.categories-section[data-v-f7a6f44c]{margin-bottom:2rem}.categories-list[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:.5rem}.category-row[data-v-f7a6f44c]{display:flex;gap:.5rem}.category-item[data-v-f7a6f44c]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;background-color:var(--sidebar-bg-color);border-radius:6px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.category-item[data-v-f7a6f44c]:hover{background-color:var(--hover-bg-color);border-color:var(--primary-color);transform:translateY(-1px)}.category-name[data-v-f7a6f44c]{font-size:.85rem;color:var(--text-primary);font-weight:500}.category-count[data-v-f7a6f44c]{font-size:.75rem;color:var(--text-tertiary);background-color:var(--tag-bg-color);padding:.1rem .4rem;border-radius:10px;min-width:24px;text-align:center}.io-black-mode .category-item[data-v-f7a6f44c]{background-color:#37393b}.io-black-mode .category-item[data-v-f7a6f44c]:hover{background-color:#424446}.about-content p[data-v-f7a6f44c]{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.social-links[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:.5rem}.social-link[data-v-f7a6f44c]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--tag-bg-color);border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s ease}.social-link[data-v-f7a6f44c]:hover{background-color:var(--hover-bg-color);color:var(--primary-color)}.subscribe-form[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:.75rem}.subscribe-input[data-v-f7a6f44c]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-color);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.subscribe-input[data-v-f7a6f44c]:focus{outline:none;border-color:var(--primary-color)}.subscribe-btn[data-v-f7a6f44c]{padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.subscribe-btn[data-v-f7a6f44c]:hover{background-color:var(--secondary-color)}.io-black-mode .sidebar[data-v-f7a6f44c]{box-shadow:0 4px 12px #00000026}.io-black-mode .subscribe-input[data-v-f7a6f44c]{border-color:#363738}.advert-section[data-v-f7a6f44c]{overflow:hidden;border-radius:8px;margin-bottom:2rem}.advert-content[data-v-f7a6f44c]{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease}.advert-content[data-v-f7a6f44c]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.advert-link[data-v-f7a6f44c]{display:block;text-decoration:none;transition:transform .3s ease}.advert-link[data-v-f7a6f44c]:hover{transform:scale(1.02)}.advert-img[data-v-f7a6f44c]{width:100%;height:auto;display:block;border-radius:8px;transition:filter .3s ease}.advert-link:hover .advert-img[data-v-f7a6f44c]{filter:brightness(1.05)}.io-black-mode .advert-content[data-v-f7a6f44c]{border-color:#363738}.hot-tools-section[data-v-f7a6f44c]{margin-bottom:2rem}.sidebar-header[data-v-f7a6f44c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.sidebar-more[data-v-f7a6f44c]{font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease;display:flex;align-items:center}.sidebar-more[data-v-f7a6f44c]:hover{color:var(--primary-color)}.sidebar-more[data-v-f7a6f44c]:after{content:"→";margin-left:.25rem;font-size:.75rem}.hot-tools-list[data-v-f7a6f44c]{display:flex;flex-direction:column;gap:.75rem}.hot-tool-item[data-v-f7a6f44c]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--tag-bg-color);border-radius:8px;text-decoration:none;transition:all .2s ease}.hot-tool-item[data-v-f7a6f44c]:hover{background-color:var(--hover-bg-color);transform:translate(4px);box-shadow:0 2px 8px #0000000d}.tool-icon[data-v-f7a6f44c]{width:40px;height:40px;border-radius:8px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.2rem}.tool-info[data-v-f7a6f44c]{flex:1;min-width:0}.tool-name[data-v-f7a6f44c]{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-desc[data-v-f7a6f44c]{font-size:.75rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-black-mode .hot-tool-item[data-v-f7a6f44c]:hover{box-shadow:0 2px 8px #0003}@media (max-width: 991px){.sidebar[data-v-f7a6f44c]{position:static;margin-top:2rem;margin-bottom:1.5rem;padding:1.25rem}.sidebar-section[data-v-f7a6f44c]{margin-bottom:1.5rem}.sidebar-title[data-v-f7a6f44c]{font-size:1rem;margin-bottom:.75rem}.hot-tool-item[data-v-f7a6f44c]{padding:.6rem;gap:.6rem}.tool-icon[data-v-f7a6f44c]{width:36px;height:36px;font-size:1.1rem}.tool-name[data-v-f7a6f44c]{font-size:.85rem}.latest-post-link[data-v-f7a6f44c]{gap:.6rem}.post-thumb[data-v-f7a6f44c]{width:50px;height:50px}.hot-site-item[data-v-f7a6f44c]{padding:.6rem}.site-icon[data-v-f7a6f44c]{width:36px;height:36px}.category-item[data-v-f7a6f44c]{padding:.5rem .7rem}.category-name[data-v-f7a6f44c]{font-size:.8rem}}@media (max-width: 767px){.sidebar[data-v-f7a6f44c]{padding:1rem;border-radius:10px}.sidebar-title[data-v-f7a6f44c]{font-size:.95rem}.sidebar-tags[data-v-f7a6f44c]{gap:.4rem}.sidebar-tag[data-v-f7a6f44c]{padding:.25rem .6rem;font-size:.8rem}}@media (max-width: 576px){.sidebar[data-v-f7a6f44c]{padding:.85rem;margin:.5rem;box-shadow:0 2px 8px #0000000d}.sidebar-title[data-v-f7a6f44c]{font-size:.9rem;padding-bottom:.4rem}.sidebar-section[data-v-f7a6f44c]{margin-bottom:1.25rem}.category-row[data-v-f7a6f44c]{gap:.4rem}.category-item[data-v-f7a6f44c]{padding:.45rem .6rem}.category-name[data-v-f7a6f44c]{font-size:.75rem}.category-count[data-v-f7a6f44c]{font-size:.7rem;min-width:20px}}.news-content[data-v-f7a6f44c]{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.news-header[data-v-f7a6f44c]{text-align:center;margin-bottom:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.news-title[data-v-f7a6f44c]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-description[data-v-f7a6f44c]{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.news-date-wrapper[data-v-f7a6f44c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.news-date[data-v-f7a6f44c]{font-size:1.25rem;font-weight:600;color:var(--primary-color);position:relative}.news-count[data-v-f7a6f44c]{background-color:var(--primary-color);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.news-divider[data-v-f7a6f44c]{height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);margin-bottom:1.5rem;border-radius:2px}.news-item[data-v-f7a6f44c]{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;padding:1.25rem}.news-item[data-v-f7a6f44c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;background-color:var(--hover-bg-color)}.news-item[data-v-f7a6f44c]:last-child{border-bottom:none}.news-item-meta[data-v-f7a6f44c]{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:var(--text-tertiary)}.news-source[data-v-f7a6f44c]{background-color:var(--tag-bg-color);padding:.2rem .5rem;border-radius:4px;font-weight:500}.news-time[data-v-f7a6f44c]{display:flex;align-items:center;gap:.25rem}.news-time[data-v-f7a6f44c]:before{content:"🕒";font-size:.9rem}.news-item-title[data-v-f7a6f44c]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;transition:color .3s ease;cursor:pointer}.news-item-title[data-v-f7a6f44c]:hover{color:var(--primary-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.news-item-content[data-v-f7a6f44c]{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;text-align:justify}.news-tags[data-v-f7a6f44c]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.news-tag[data-v-f7a6f44c]{background-color:var(--tag-bg-color);color:var(--tag-text-color);padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500;transition:all .2s ease}.news-tag[data-v-f7a6f44c]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.news-placeholder[data-v-f7a6f44c]{text-align:center;color:var(--text-tertiary);font-style:italic;padding:2rem 0;font-size:.95rem}.news-footer[data-v-f7a6f44c]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.footer-note[data-v-f7a6f44c]{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 991px){.news-content[data-v-f7a6f44c]{padding:1.75rem;margin:1rem}.news-title[data-v-f7a6f44c]{font-size:1.65rem}.news-description[data-v-f7a6f44c]{font-size:.95rem}.news-item[data-v-f7a6f44c]{padding:1.2rem}.news-item-title[data-v-f7a6f44c]{font-size:1.2rem}.sidebar[data-v-f7a6f44c]{gap:1.25rem}.sidebar-section[data-v-f7a6f44c]{padding:1.25rem}}@media (max-width: 767px){.news-content[data-v-f7a6f44c]{padding:1.5rem;margin:.75rem;border-radius:10px}.news-header[data-v-f7a6f44c]{margin-bottom:2rem;padding-bottom:1.25rem}.news-title[data-v-f7a6f44c]{font-size:1.5rem;text-align:left;line-height:1.3}.news-description[data-v-f7a6f44c]{text-align:left;font-size:.9rem}.news-date-wrapper[data-v-f7a6f44c]{align-items:flex-start;gap:.5rem}.news-item[data-v-f7a6f44c]{padding:1.1rem;margin-bottom:1.75rem;border-radius:8px}.news-item-title[data-v-f7a6f44c]{font-size:1.1rem}.news-item-content[data-v-f7a6f44c]{font-size:.9rem}.news-item-meta[data-v-f7a6f44c]{align-items:flex-start;gap:.25rem}.news-tags[data-v-f7a6f44c]{justify-content:flex-start}.news-summary-mobile[data-v-f7a6f44c]{display:block}.sidebar[data-v-f7a6f44c]{gap:1rem}.sidebar-section[data-v-f7a6f44c]{padding:1.1rem;border-radius:8px}.sidebar-title[data-v-f7a6f44c]{font-size:1rem;margin-bottom:.85rem}}@media (max-width: 576px){.daily-news-view[data-v-f7a6f44c]{padding-top:1rem}.news-content[data-v-f7a6f44c]{padding:1.25rem 1rem;margin:.5rem;box-shadow:0 2px 8px #0000000d}.news-title[data-v-f7a6f44c]{font-size:1.35rem;line-height:1.4}.news-description[data-v-f7a6f44c]{font-size:.85rem;line-height:1.5}.news-date[data-v-f7a6f44c]{font-size:1.1rem}.news-item[data-v-f7a6f44c]{padding:1rem;margin-bottom:1.5rem;border-radius:6px}.news-item-title[data-v-f7a6f44c]{font-size:1.05rem;line-height:1.4}.news-item-content[data-v-f7a6f44c]{font-size:.85rem;line-height:1.6}.news-tag[data-v-f7a6f44c]{font-size:.75rem;padding:.2rem .6rem}.footer-note[data-v-f7a6f44c]{font-size:.85rem}.mobile-nav-hint[data-v-f7a6f44c]{display:block}.sidebar[data-v-f7a6f44c]{gap:.85rem}.sidebar-section[data-v-f7a6f44c]{padding:1rem;border-radius:6px;border-width:1px}.sidebar-title[data-v-f7a6f44c]{font-size:.95rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom-width:1px}}@media (max-width: 360px){.news-content[data-v-f7a6f44c]{padding:1rem .75rem}.news-title[data-v-f7a6f44c]{font-size:1.25rem}.news-item[data-v-f7a6f44c]{padding:.85rem}.news-item-title[data-v-f7a6f44c]{font-size:1rem}.news-tags[data-v-f7a6f44c]{flex-wrap:wrap;gap:.35rem}.news-tag[data-v-f7a6f44c]{padding:.15rem .5rem;font-size:.7rem}}.io-black-mode[data-v-f7a6f44c]{--card-bg-color: #2c2e2f;--border-color: #363738;--text-primary: #c6c9cf;--text-secondary: #9da4ae;--text-tertiary: #6c727a;--hover-bg-color: #333537;--tag-bg-color: #424446;--tag-text-color: #adbac7;--primary-color: #4a9eff;--secondary-color: #7b9ff1;--sidebar-bg-color: #2c2e2f}.io-grey-mode[data-v-f7a6f44c]{--bg-color: #f5f7fa;--card-bg-color: #ffffff;--border-color: #e8e8e8;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--hover-bg-color: #f8f9fa;--tag-bg-color: #f0f2f5;--tag-text-color: #666666;--primary-color: #1890ff;--secondary-color: #40a9ff;--sidebar-bg-color: #ffffff}.io-black-mode .sidebar[data-v-f7a6f44c]{gap:1.5rem}.io-black-mode .sidebar-section[data-v-f7a6f44c]{background:#2c2e2f;border-color:#363738;box-shadow:0 4px 12px #00000026}.io-black-mode .sidebar-section[data-v-f7a6f44c]:hover{box-shadow:0 6px 16px #0003}.io-black-mode .sidebar-title[data-v-f7a6f44c]{border-bottom-color:#4a9eff}.io-black-mode .sidebar-tag[data-v-f7a6f44c]{background-color:#424446;color:#adbac7}.io-black-mode .sidebar-tag[data-v-f7a6f44c]:hover{background-color:#4a9eff;color:#fff}.io-black-mode .hot-news-rank[data-v-f7a6f44c]{background-color:#424446;color:#adbac7}.io-black-mode .hot-news-title[data-v-f7a6f44c]:hover{color:#4a9eff}.io-black-mode .hot-tool-item[data-v-f7a6f44c]{background-color:#424446}.io-black-mode .hot-tool-item[data-v-f7a6f44c]:hover{background-color:#4a4c4e;box-shadow:0 2px 8px #0003}.io-black-mode .sidebar-more[data-v-f7a6f44c]{color:#9da4ae}.io-black-mode .sidebar-more[data-v-f7a6f44c]:hover{color:#4a9eff}.io-black-mode .latest-post-item[data-v-f7a6f44c]:hover{transform:translate(4px)}.io-black-mode .post-thumb[data-v-f7a6f44c]{background-color:#424446}.io-black-mode .post-title[data-v-f7a6f44c]:hover{color:#4a9eff}.io-black-mode .post-date[data-v-f7a6f44c]{background-color:#424446;color:#adbac7}.io-black-mode .hot-site-item[data-v-f7a6f44c]{background-color:#37393b;border-color:transparent}.io-black-mode .hot-site-item[data-v-f7a6f44c]:hover{background-color:#424446;border-color:#4a9eff;box-shadow:0 4px 12px #0000004d}.io-black-mode .site-icon[data-v-f7a6f44c]{background-color:#424446}.io-black-mode .site-desc[data-v-f7a6f44c]{color:#adbac7}.io-black-mode .category-item[data-v-f7a6f44c]{background-color:#37393b;border-color:transparent}.io-black-mode .category-item[data-v-f7a6f44c]:hover{background-color:#424446;border-color:#4a9eff}.io-black-mode .category-count[data-v-f7a6f44c]{background-color:#424446;color:#adbac7}.io-black-mode .advert-content[data-v-f7a6f44c]{border-color:#363738;background-color:#2c2e2f}.io-black-mode .advert-content[data-v-f7a6f44c]:hover{box-shadow:0 6px 16px #00000040}.io-black-mode .news-content[data-v-f7a6f44c]{box-shadow:0 4px 12px #00000026}.io-black-mode .news-divider[data-v-f7a6f44c]{background:linear-gradient(90deg,#4a9eff,transparent)}.io-black-mode .news-item[data-v-f7a6f44c]{border-bottom-color:#363738}.io-black-mode .news-item[data-v-f7a6f44c]:hover{box-shadow:0 8px 20px #00000040;background-color:#333537}.io-black-mode .news-source[data-v-f7a6f44c]{background-color:#424446;color:#adbac7}.io-black-mode .news-item-title[data-v-f7a6f44c]:hover{color:#4a9eff}.io-black-mode .news-tag[data-v-f7a6f44c]{background-color:#424446;color:#adbac7}.io-black-mode .news-tag[data-v-f7a6f44c]:hover{background-color:#4a9eff;color:#fff}.io-black-mode .about-content p[data-v-f7a6f44c]{color:#9da4ae}.io-black-mode .social-link[data-v-f7a6f44c]{background-color:#424446;color:#9da4ae}.io-black-mode .social-link[data-v-f7a6f44c]:hover{background-color:#4a4c4e;color:#4a9eff}.io-black-mode .subscribe-input[data-v-f7a6f44c]{border-color:#363738;background-color:#2c2e2f;color:#c6c9cf}.io-black-mode .subscribe-input[data-v-f7a6f44c]:focus{border-color:#4a9eff}.io-black-mode .subscribe-btn[data-v-f7a6f44c]:hover{background-color:#387fd2}.io-black-mode .near-navigation[data-v-f7a6f44c]{background:#333537;box-shadow:0 2px 8px #0003}.io-black-mode .near-navigation .nav[data-v-f7a6f44c]:hover{background-color:#404040}.io-black-mode .near-navigation span[data-v-f7a6f44c]{color:#adb5bd}.io-black-mode .near-navigation .near-title[data-v-f7a6f44c]{color:#e2e8f0}.near-navigation.rounded[data-v-f7a6f44c]{border-radius:8px}.near-navigation.py-2[data-v-f7a6f44c]{padding-top:.5rem;padding-bottom:.5rem}.news-container[data-v-f7a6f44c]{scroll-behavior:smooth}@keyframes fadeIn-f7a6f44c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.news-section[data-v-f7a6f44c]{animation:fadeIn-f7a6f44c .6s ease-out}.news-section[data-v-f7a6f44c]:nth-child(2){animation-delay:.1s}.news-section[data-v-f7a6f44c]:nth-child(3){animation-delay:.2s}.news-section[data-v-f7a6f44c]:nth-child(4){animation-delay:.3s}.news-section[data-v-f7a6f44c]:nth-child(5){animation-delay:.4s}.news-section[data-v-f7a6f44c]:nth-child(6){animation-delay:.5s}.news-section[data-v-f7a6f44c]:nth-child(7){animation-delay:.6s}.news-section[data-v-f7a6f44c]:nth-child(8){animation-delay:.7s}.news-summary-mobile[data-v-f7a6f44c]{display:none;background-color:var(--tag-bg-color);padding:.75rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500;color:var(--text-secondary)}.mobile-nav-hint[data-v-f7a6f44c]{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideUp-f7a6f44c .5s ease-out}@keyframes slideUp-f7a6f44c{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media (hover: none) and (pointer: coarse){.news-item[data-v-f7a6f44c]{transition:transform .1s ease,background-color .1s ease}.news-item[data-v-f7a6f44c]:active{transform:scale(.98)}.news-tag[data-v-f7a6f44c]:active{background-color:var(--primary-color);color:#fff}}@media print{.news-content[data-v-f7a6f44c]{box-shadow:none;background:#fff}.news-item[data-v-f7a6f44c]:hover{transform:none;box-shadow:none}.mobile-nav-hint[data-v-f7a6f44c]{display:none}}.text-gray.text-lg.my-4[data-v-f7a6f44c]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:1rem 0;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.article-card[data-v-f7a6f44c]{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:12px}.article-item[data-v-f7a6f44c]{display:block;background:var(--card-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;height:100%}.article-item[data-v-f7a6f44c]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.article-img[data-v-f7a6f44c]{width:100%;height:140px;object-fit:cover;transition:transform .3s ease}.article-item:hover .article-img[data-v-f7a6f44c]{transform:scale(1.05)}.article-info[data-v-f7a6f44c]{padding:.75rem}.article-title[data-v-f7a6f44c]{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4;height:3.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-item:hover .article-title[data-v-f7a6f44c]{color:var(--primary-color)}@media (max-width: 991.98px){.article-img[data-v-f7a6f44c]{height:120px}}@media (max-width: 575.98px){.text-gray.text-lg.my-4[data-v-f7a6f44c]{font-size:1rem}.article-img[data-v-f7a6f44c]{height:100px}.article-info[data-v-f7a6f44c]{padding:.5rem}.article-title[data-v-f7a6f44c]{font-size:.85rem}}.io-black-mode .article-item[data-v-f7a6f44c]{background:var(--dark-card-bg-color);box-shadow:0 2px 8px #0003}.io-black-mode .article-item[data-v-f7a6f44c]:hover{box-shadow:0 4px 12px #0000004d}.row[data-v-f7a6f44c]{padding:0 .6rem}.breadcrumb-nav[data-v-f7a6f44c]{margin-bottom:1.5rem;padding:.5rem 0}.breadcrumb[data-v-f7a6f44c]{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:.875rem}.breadcrumb-item[data-v-f7a6f44c]{display:flex;align-items:center;color:var(--text-secondary)}.breadcrumb-item[data-v-f7a6f44c]:not(:last-child):after{content:"/";margin:0 .75rem;color:var(--text-secondary)}.breadcrumb-link[data-v-f7a6f44c]{display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;gap:.25rem}.breadcrumb-link[data-v-f7a6f44c]:hover{color:var(--primary-color)}.breadcrumb-link .iconfont[data-v-f7a6f44c]{font-size:.75rem}.breadcrumb-item.active[data-v-f7a6f44c]{color:var(--text-primary);font-weight:500}.io-black-mode .breadcrumb-item[data-v-f7a6f44c]{color:var(--dark-text-secondary)}.io-black-mode .breadcrumb-item[data-v-f7a6f44c]:not(:last-child):after{color:var(--dark-text-secondary)}.io-black-mode .breadcrumb-link[data-v-f7a6f44c]{color:var(--dark-text-secondary)}.io-black-mode .breadcrumb-link[data-v-f7a6f44c]:hover{color:var(--primary-color)}.io-black-mode .breadcrumb-item.active[data-v-f7a6f44c]{color:var(--dark-text-primary)}@media (max-width: 768px){.breadcrumb-nav[data-v-f7a6f44c]{margin-bottom:1rem;padding:.5rem 1rem}.breadcrumb[data-v-f7a6f44c]{font-size:.8125rem}.breadcrumb-item[data-v-f7a6f44c]:not(:last-child):after{margin:0 .5rem}}.io-widget-ranking-list .card-body[data-v-f7a6f44c]{padding:1rem .5rem}.sidebar .card-header[data-v-f7a6f44c]:after{background:#5961f9}.customize-width[data-v-f7a6f44c]{padding:0 5%}.related-articles-grid[data-v-f7a6f44c]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}@media (max-width: 767px){.related-articles-grid[data-v-f7a6f44c]{grid-template-columns:repeat(3,1fr);gap:.5rem}.related-article-card .list-title[data-v-f7a6f44c]{font-size:.8rem!important}.related-article-card .list-footer[data-v-f7a6f44c]{font-size:.7rem}.related-article-card .media[data-v-f7a6f44c]{height:60px!important}}.related-article-card[data-v-f7a6f44c]{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.overflowClip_2[data-v-f7a6f44c]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;line-height:1.5;height:3em;min-height:3em;max-height:3em;word-wrap:break-word;word-break:break-word;display:flex;flex-direction:column;justify-content:flex-start}.news-container[data-v-f7a6f44c]{position:relative;padding-left:50px;overflow:hidden;margin-left:0}.news-container[data-v-f7a6f44c]:before{content:"";position:absolute;left:1.45rem;top:0;bottom:0;width:0;border-left:1px dashed #c3c8fe;z-index:0}.news-section[data-v-f7a6f44c]{position:relative;margin-bottom:3rem;transition:all .3s ease}.news-section[data-v-f7a6f44c]:before{position:absolute;left:-38px;top:14px;width:24px;height:24px;background:linear-gradient(135deg,#5961f9,#7b83ff);border:3px solid #fff;z-index:2;content:"";border-radius:1px;background:#5961f9}.news-date-wrapper[data-v-f7a6f44c]{margin-bottom:1.5rem;display:flex;align-items:center;padding:.5rem 0 1rem;position:relative}.news-date-wrapper[data-v-f7a6f44c]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e8ebf2}.news-date[data-v-f7a6f44c]{font-size:1.4rem;font-weight:700;margin:0;padding:0;color:#5961f9;position:relative;letter-spacing:-.5px}.news-count[data-v-f7a6f44c]{margin-left:1rem;font-size:.85rem;color:#5961f9;background-color:#f5f7fa;padding:.25rem .75rem;border-radius:12px;font-weight:500;border:none;transition:all .2s ease}.news-divider[data-v-f7a6f44c]{display:none}.news-item[data-v-f7a6f44c]{position:relative;margin-bottom:1.5rem;background-color:#fff;border-radius:8px;padding:1.25rem 1.5rem;border:1px solid #e8ebf2;box-shadow:0 2px 8px #00000005;transition:all .2s ease;overflow:visible;cursor:pointer;z-index:1}.news-item[data-v-f7a6f44c]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5961f9,#7b83ff);border-radius:0 0 8px 8px;z-index:2}.news-item[data-v-f7a6f44c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014;border-color:#5961f9}.news-item[data-v-f7a6f44c]:before{content:attr(data-index);position:absolute;left:-38px;top:20px;width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #e8ebf2;color:#666;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;z-index:1;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.news-item[data-v-f7a6f44c]:hover:before{border-color:#5961f9;color:#5961f9}.news-item-title[data-v-f7a6f44c]{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #333333)}.news-item-meta[data-v-f7a6f44c]{gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary, #666666)}.news-item-content[data-v-f7a6f44c]{margin-bottom:1rem;line-height:1.6;color:var(--text-primary, #333333)}.news-tags[data-v-f7a6f44c]{display:flex;gap:.5rem;flex-wrap:wrap}.news-tag[data-v-f7a6f44c]{font-size:.75rem;padding:.25rem .5rem;background-color:#5961f91a;color:var(--primary-color, #5961f9);border-radius:4px}.news-placeholder[data-v-f7a6f44c]{color:var(--text-secondary, #666666);font-style:italic;padding:2rem 0;text-align:center}@media (max-width: 768px){.news-container[data-v-f7a6f44c]{padding-left:40px;margin-left:0}.news-container[data-v-f7a6f44c]:before{left:1.25rem;width:0;border-left:1px dashed #c3c8fe;top:0}.news-section[data-v-f7a6f44c]{margin-bottom:2.5rem}.news-section[data-v-f7a6f44c]:before{left:-30px;width:20px;height:20px;border-width:2px;top:12px}.news-item[data-v-f7a6f44c]:before{left:-30px;width:18px;height:18px;font-size:.65rem;top:15px}.news-item[data-v-f7a6f44c]{padding:1.1rem 1.25rem;border-radius:6px;margin-bottom:1.25rem}.news-date[data-v-f7a6f44c]{font-size:1.2rem;font-weight:600}.news-count[data-v-f7a6f44c]{padding:.2rem .6rem;font-size:.75rem;margin-left:.75rem}.news-date-wrapper[data-v-f7a6f44c]{margin-bottom:1.25rem;padding-bottom:.75rem}}@media (min-width: 992px){.col-lg-3[data-v-f7a6f44c]{padding-top:4.3rem}}.near-navigation[data-v-f7a6f44c]{display:flex;justify-content:space-between;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;padding:.75rem}.near-navigation .nav[data-v-f7a6f44c]{display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:.5rem 1rem;width:48%;word-break:break-word;text-decoration:none;border-radius:6px;transition:all .3s ease}.near-navigation .previous[data-v-f7a6f44c]{align-items:flex-start;text-align:left;background-color:#f8fafc;border-left:3px solid #3b82f6}.near-navigation .next[data-v-f7a6f44c]{align-items:flex-end;text-align:right;background-color:#f0fdf4;border-right:3px solid #10b981}.near-navigation .previous[data-v-f7a6f44c]:hover{background-color:#eff6ff;transform:translateY(-2px)}.near-navigation .next[data-v-f7a6f44c]:hover{background-color:#dcfce7;transform:translateY(-2px)}.near-navigation span[data-v-f7a6f44c]{font-size:14px;font-weight:500;color:#6c757d;margin-bottom:.25rem}.near-navigation .near-title[data-v-f7a6f44c]{font-size:14px;margin:0;color:#212529;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}@media (max-width: 768px){.near-navigation[data-v-f7a6f44c]{flex-direction:column;gap:.75rem}.near-navigation .nav[data-v-f7a6f44c]{width:100%;min-height:50px}.near-navigation .near-title[data-v-f7a6f44c]{-webkit-line-clamp:1;font-size:13px}}.io-black-mode .near-navigation[data-v-f7a6f44c]{background-color:#2c2c3a!important;background:#2c2c3a!important}.io-black-mode .near-navigation .nav[data-v-f7a6f44c]{background-color:#3a3a4a!important;background:#3a3a4a!important;color:#fff!important;opacity:1!important}.io-black-mode .near-navigation .nav[data-v-f7a6f44c]:hover{background-color:#4a4a5a!important;background:#4a4a5a!important;color:#fff!important;opacity:1!important}.io-black-mode .near-navigation .nav span[data-v-f7a6f44c],.io-black-mode .near-navigation .nav[data-v-f7a6f44c] *{color:#fff!important;opacity:1!important;font-weight:600!important;text-shadow:0 0 2px rgba(255,255,255,.3)!important}.io-black-mode .near-navigation .nav:hover span[data-v-f7a6f44c],.io-black-mode .near-navigation .nav[data-v-f7a6f44c]:hover *{color:#fff!important;opacity:1!important;font-weight:700!important;text-shadow:0 0 2px rgba(255,255,255,.5)!important}.search-section[data-v-203508e4]{margin:2rem -24px 8px;padding:20px 24px;background:transparent;text-align:center;position:relative}.search-background[data-v-203508e4]{display:none}.brand-info[data-v-203508e4]{text-align:center;margin-bottom:24px}.brand-tag[data-v-203508e4]{display:inline-block;background:#8316ff!important;color:#fff;font-weight:600;padding:4px 12px;border-radius:12px;font-size:12px;margin-bottom:12px}.brand-title[data-v-203508e4]{display:flex;align-items:center;justify-content:center;gap:8px}.brand-icon[data-v-203508e4]{font-size:32px}.brand-text[data-v-203508e4]{font-size:32px;font-weight:600;color:#1d2129}.top-navigation[data-v-203508e4]{display:flex;justify-content:center;margin-bottom:2rem}.nav-tabs[data-v-203508e4]{display:flex;gap:32px;border-bottom:2px solid #e8e8e8;padding-bottom:8px}.nav-tab[data-v-203508e4]{font-size:16px;color:#666;cursor:pointer;padding:8px 0;position:relative;transition:color .2s ease}.nav-tab[data-v-203508e4]:hover{color:#1677ff}.nav-tab.active[data-v-203508e4]{color:#1677ff;font-weight:500}.nav-tab.active[data-v-203508e4]:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:#1677ff}.header-search-wrapper[data-v-203508e4]{max-width:54rem;margin:0 auto}.search-container[data-v-203508e4]{margin-bottom:20px}.search-input-group[data-v-203508e4]{position:relative;display:flex;align-items:center;background:#fff!important;border:2px solid #1677ff!important;border-radius:50px!important;box-shadow:0 2px 8px #0000001a!important;overflow:visible}.search-input[data-v-203508e4]{flex:1;padding:12px 24px;border:none;outline:none;font-size:16px;background:transparent;min-width:0}.search-button[data-v-203508e4]{background:#1677ff;color:#fff;border:none;padding:12px 24px;border-radius:0 50px 50px 0;font-weight:500;cursor:pointer;transition:background-color .2s ease}.search-button[data-v-203508e4]:hover{background:#4096ff}.dynamic-arrow[data-v-203508e4]{position:absolute;bottom:-15px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #1677ff;transition:left .3s ease}.search-engines[data-v-203508e4]{display:flex;justify-content:center;gap:12px;margin-top:20px}.engine-item[data-v-203508e4]{display:inline-flex;align-items:center;padding:6px 16px;border-radius:20px;background:#f5f5f5;color:#666;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid #e0e0e0}.engine-item[data-v-203508e4]:hover{background:#e8e8e8;color:#333}.engine-item.active[data-v-203508e4]{background:#fff;color:#1677ff;border-color:#1677ff}@media (max-width: 768px){.search-section[data-v-203508e4]{margin:0 -16px 24px;padding:30px 16px;min-height:auto}.nav-tab[data-v-203508e4]{font-size:14px}.brand-text[data-v-203508e4]{font-size:24px}.search-input[data-v-203508e4]{font-size:14px;padding:10px 16px}.search-button[data-v-203508e4]{padding:10px 16px}.search-engines[data-v-203508e4]{flex-wrap:wrap;gap:8px}.engine-item[data-v-203508e4]{padding:4px 12px;font-size:12px}}@media (max-width: 480px){.search-section[data-v-203508e4]{margin:0 -12px 24px;padding:24px 12px}.brand-text[data-v-203508e4]{font-size:20px}.search-input[data-v-203508e4]{font-size:13px;padding:8px 12px}}html.io-black-mode .search-header[data-v-203508e4]{border-bottom-color:#ffffff1a}html.io-black-mode .search-input-group[data-v-203508e4]{background-color:#2d2d2d!important;border-color:#4096ff!important}html.io-black-mode .search-input[data-v-203508e4]{color:#fff}html.io-black-mode .search-input[data-v-203508e4]:focus{background-color:#2d2d2d}html.io-black-mode .search-input[data-v-203508e4]::placeholder{color:#ffffff80}html.io-black-mode .search-button[data-v-203508e4]{background:#4096ff}html.io-black-mode .search-button[data-v-203508e4]:hover{background:#66b1ff}html.io-black-mode .engine-item[data-v-203508e4]{background-color:#3d3d3d;color:#fffc;border-color:#ffffff1a}html.io-black-mode .engine-item[data-v-203508e4]:hover{background-color:#4d4d4d;color:#fff}html.io-black-mode .engine-item.active[data-v-203508e4]{background:#2d2d2d;color:#4096ff;border-color:#4096ff}html.io-black-mode .brand-text[data-v-203508e4]{color:#fff}html.io-black-mode .nav-tab[data-v-203508e4]{color:#ffffffb3}html.io-black-mode .nav-tab[data-v-203508e4]:hover,html.io-black-mode .nav-tab.active[data-v-203508e4]{color:#4096ff}html.io-black-mode .nav-tab.active[data-v-203508e4]:after{background:#4096ff}.ai-tutorials-view[data-v-b6a116ca]{min-height:100vh;padding:0rem 5rem}.tutorials-content[data-v-b6a116ca]{display:flex;align-items:center;padding:0 32px 0 0;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:2.5rem;position:relative;overflow:hidden}.tutorials-content[data-v-b6a116ca]:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:16px 16px 0 0}.ad-banner[data-v-b6a116ca]{flex-shrink:0;border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.ad-banner[data-v-b6a116ca]:hover{transform:translateY(-5px)}.tutorials-header[data-v-b6a116ca]{position:relative;z-index:1}.tutorials-header[data-v-b6a116ca]{padding:2.5rem 2.5rem 2rem;border-radius:1rem;background-color:var(--bg-color-card);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tutorials-header[data-v-b6a116ca]:hover{transform:translateY(-2px)}.header-decoration[data-v-b6a116ca]{position:absolute;top:0;right:0;width:150px;height:150px;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50% 0 50% 50%;z-index:0;transform:translate(30%,-30%)}.tutorials-title[data-v-b6a116ca]{font-size:2.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1;letter-spacing:-.5px}.title-gradient[data-v-b6a116ca]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block;position:relative}.title-gradient[data-v-b6a116ca]:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:4px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease}.tutorials-header:hover .title-gradient[data-v-b6a116ca]:after{transform:scaleX(1)}.tutorials-description[data-v-b6a116ca]{font-size:1.125rem;color:var(--text-color-secondary);line-height:1.7;max-width:935px;position:relative;z-index:1;opacity:.9;transition:opacity .3s ease}.tutorials-header:hover .tutorials-description[data-v-b6a116ca]{opacity:1}.header-stats[data-v-b6a116ca]{display:flex;gap:2rem;margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(229,231,235,.5);position:relative;z-index:1}.stat-item[data-v-b6a116ca]{display:flex;flex-direction:column;gap:.25rem}.stat-number[data-v-b6a116ca]{font-size:1.875rem;font-weight:700;color:#3b82f6;line-height:1.2}.stat-label[data-v-b6a116ca]{font-size:.875rem;color:var(--text-color-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 1024px){.tutorials-content[data-v-b6a116ca]{flex-direction:column;align-items:center}.tutorials-header[data-v-b6a116ca]{margin-right:0;margin-bottom:32px;text-align:center}.ad-banner[data-v-b6a116ca]{width:100%;max-width:400px}.ad-banner svg[data-v-b6a116ca]{width:100%;height:auto}.header-stats[data-v-b6a116ca]{justify-content:center}}@media (max-width: 992px){.tutorials-content[data-v-b6a116ca]{padding:24px}}@media (max-width: 768px){.tutorials-header[data-v-b6a116ca]{padding:1.75rem 1.5rem}.tutorials-title[data-v-b6a116ca]{font-size:2rem}.tutorials-description[data-v-b6a116ca]{font-size:1rem}.header-stats[data-v-b6a116ca]{gap:1.5rem;flex-wrap:wrap}.stat-number[data-v-b6a116ca]{font-size:1.5rem}.tutorials-content[data-v-b6a116ca]{padding:16px}}@media (max-width: 480px){.tutorials-header[data-v-b6a116ca]{padding:1.5rem}.tutorials-title[data-v-b6a116ca]{font-size:1.75rem}.header-stats[data-v-b6a116ca]{gap:1rem;justify-content:space-around}.stat-item[data-v-b6a116ca]{flex:1;text-align:center}.stat-number[data-v-b6a116ca]{font-size:1.25rem}.stat-label[data-v-b6a116ca]{font-size:.75rem}.header-decoration[data-v-b6a116ca]{width:100px;height:100px}}.io-black-mode .header-decoration[data-v-b6a116ca]{background:linear-gradient(135deg,#4a9eff1a,#7b9ff11a)}.io-black-mode .stat-number[data-v-b6a116ca]{color:#4a9eff}.search-module[data-v-b6a116ca]{margin-bottom:2rem;padding:1.5rem;background-color:var(--bg-color-card);border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.header-search-wrapper[data-v-b6a116ca]{margin-bottom:1rem}.search-container[data-v-b6a116ca]{position:relative}.search-input-group[data-v-b6a116ca]{display:flex;position:relative}.search-input[data-v-b6a116ca]{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid #e5e7eb;border-radius:.5rem 0 0 .5rem;outline:none;transition:border-color .3s;background-color:var(--bg-color-input);color:var(--text-color-primary)}.search-input[data-v-b6a116ca]:focus{border-color:#3b82f6}.search-button[data-v-b6a116ca]{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background-color:#3b82f6;color:#fff;border:none;border-radius:0 .5rem .5rem 0;cursor:pointer;transition:background-color .3s}.search-button[data-v-b6a116ca]:hover{background-color:#2563eb}.dynamic-arrow[data-v-b6a116ca]{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #e5e7eb}.search-engines[data-v-b6a116ca]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem;background-color:var(--bg-color-input);border-radius:.5rem}.engine-item[data-v-b6a116ca]{padding:.5rem 1rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:1.5rem;cursor:pointer;transition:all .3s;background-color:var(--bg-color-input);color:var(--text-color-secondary)}.engine-item[data-v-b6a116ca]:hover,.engine-item.highlighted[data-v-b6a116ca]{border-color:#3b82f6;color:#3b82f6}.engine-item.active[data-v-b6a116ca]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.search-tags[data-v-b6a116ca]{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.tags-label[data-v-b6a116ca]{font-size:.875rem;font-weight:500;color:var(--text-color-secondary)}.tag-item[data-v-b6a116ca]{padding:.375rem .75rem;font-size:.875rem;background-color:var(--bg-color-input);color:var(--text-color-secondary);border-radius:1rem;cursor:pointer;transition:all .3s;border:1px solid transparent}.tag-item[data-v-b6a116ca]:hover{background-color:#f3f4f6;color:var(--text-color-primary)}.tag-item.active[data-v-b6a116ca]{background-color:#3b82f6;color:#fff}.tutorials-list[data-v-b6a116ca]{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.tutorial-item[data-v-b6a116ca]{display:flex;background-color:var(--bg-color-card, #ffffffc7);border-radius:.45rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid transparent;position:relative}.tutorial-item[data-v-b6a116ca]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.tutorial-item[data-v-b6a116ca]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#3b82f633}.tutorial-item[data-v-b6a116ca]:hover:before{opacity:1}.tutorial-content[data-v-b6a116ca]{flex:1;padding:1.5rem;display:flex;flex-direction:column}.tutorial-title[data-v-b6a116ca]{margin-bottom:.75rem;font-size:1.375rem;font-weight:600;line-height:1.4;transition:all .3s ease}.title-link[data-v-b6a116ca]{color:var(--text-color-primary);text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.title-link[data-v-b6a116ca]:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#3b82f6;transition:width .3s ease}.title-link[data-v-b6a116ca]:hover{color:#3b82f6}.title-link[data-v-b6a116ca]:hover:after{width:100%}.tutorial-summary[data-v-b6a116ca]{margin-bottom:1rem;font-size:.9375rem;line-height:1.7;color:var(--text-color-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.tutorial-meta[data-v-b6a116ca]{display:flex;flex-wrap:wrap;gap:.875rem;font-size:.8125rem;color:var(--text-color-tertiary);align-items:center;margin-top:auto}.meta-item[data-v-b6a116ca]{display:flex;align-items:center;gap:.375rem;transition:color .3s ease}.meta-item.category[data-v-b6a116ca]{padding:.25rem .75rem;background-color:#e0f2fe;color:#0369a1;border-radius:1.5rem;font-weight:500;transition:all .3s ease;text-transform:capitalize}.tutorial-item:hover .meta-item.category[data-v-b6a116ca]{background-color:#3b82f6;color:#fff;transform:scale(1.05)}.meta-item[data-v-b6a116ca]:not(.category){position:relative}.meta-item[data-v-b6a116ca]:not(.category):hover{color:#3b82f6}.meta-item[data-v-b6a116ca]:not(.category):before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;transition:transform .3s ease}.meta-item[data-v-b6a116ca]:not(.category):hover:before{transform:scale(1.2) rotate(5deg)}.meta-item.date[data-v-b6a116ca]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>')}.meta-item.views[data-v-b6a116ca]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>')}.meta-item.likes[data-v-b6a116ca]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>')}.tutorial-image[data-v-b6a116ca]{flex-shrink:0;width:280px;height:210px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.image-link[data-v-b6a116ca]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.tutorial-img[data-v-b6a116ca]{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s cubic-bezier(.25,.46,.45,.94);filter:brightness(1) contrast(1)}.tutorial-item:hover .tutorial-img[data-v-b6a116ca]{transform:scale(1.1);filter:brightness(1.05) contrast(1.05)}.image-link[data-v-b6a116ca]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#3b82f61a,#3b82f600);transition:opacity .3s ease;opacity:0}.tutorial-item:hover .image-link[data-v-b6a116ca]:after{opacity:1}@media (max-width: 768px){.tutorial-item[data-v-b6a116ca]{flex-direction:column}.tutorial-image[data-v-b6a116ca]{width:100%;height:180px}.tutorial-content[data-v-b6a116ca]{padding:1.25rem}.tutorial-title[data-v-b6a116ca]{font-size:1.25rem}.tutorial-summary[data-v-b6a116ca]{font-size:.875rem}.tutorial-meta[data-v-b6a116ca]{gap:.75rem;font-size:.75rem}}@media (max-width: 480px){.tutorials-list[data-v-b6a116ca]{gap:1rem}.tutorial-content[data-v-b6a116ca]{padding:1rem}.tutorial-image[data-v-b6a116ca]{height:150px}.tutorial-title[data-v-b6a116ca]{font-size:1.125rem}.tutorial-meta[data-v-b6a116ca]{flex-direction:column;align-items:flex-start;gap:.5rem}}.load-more[data-v-b6a116ca],.no-more[data-v-b6a116ca],.no-results[data-v-b6a116ca]{text-align:center;padding:2rem 0;color:var(--text-color-secondary)}.load-more-btn[data-v-b6a116ca]{padding:.75rem 2rem;font-size:1rem;background-color:var(--bg-color-button);color:var(--text-color-button);border:1px solid var(--border-color-button);border-radius:.5rem;cursor:pointer;transition:all .3s}.load-more-btn[data-v-b6a116ca]:hover{background-color:var(--bg-color-button-hover);border-color:var(--border-color-button-hover)}.pagination-container[data-v-b6a116ca]{margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:center;align-items:center}.pagination-wrapper[data-v-b6a116ca]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;width:100%}.pagination-info[data-v-b6a116ca]{font-size:.875rem;color:var(--text-color-secondary);display:flex;gap:1rem;order:2}.pagination[data-v-b6a116ca]{display:flex;align-items:center;gap:.5rem;order:1}.page-btn[data-v-b6a116ca]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:.875rem;background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:.25rem;cursor:pointer;transition:all .3s}.page-btn[data-v-b6a116ca]:hover:not(:disabled){background-color:var(--bg-color-button-hover);border-color:var(--border-color-button-hover)}.page-btn.active[data-v-b6a116ca]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.page-btn[data-v-b6a116ca]:disabled{opacity:.5;cursor:not-allowed}.page-btn svg[data-v-b6a116ca]{width:1rem;height:1rem}.mobile-nav-hint[data-v-b6a116ca]{display:none;position:fixed;bottom:0;left:0;right:0;padding:1rem;background-color:var(--bg-color-card);text-align:center;font-size:.875rem;color:var(--text-color-secondary);box-shadow:0 -2px 10px #0000001a;z-index:100}@media (max-width: 768px){.tutorial-item[data-v-b6a116ca]{flex-direction:column}.tutorial-content[data-v-b6a116ca]{margin-right:0;margin-bottom:1rem}.tutorial-image[data-v-b6a116ca]{width:100%;height:180px}.pagination-wrapper[data-v-b6a116ca]{flex-direction:column;align-items:center}.pagination-info[data-v-b6a116ca]{order:2;color:var(--text-color-secondary)}.pagination[data-v-b6a116ca]{order:1}.mobile-nav-hint[data-v-b6a116ca]{display:block}.ad-container[data-v-b6a116ca]{width:100%;margin-left:0;margin-top:1.5rem;height:200px}.ad-title[data-v-b6a116ca]{font-size:28px}.ad-description[data-v-b6a116ca]{font-size:14px}.ad-button[data-v-b6a116ca]{margin-top:4rem}}@media (max-width: 480px){.ai-tutorials-view[data-v-b6a116ca]{padding:0rem 1rem}.tutorials-title[data-v-b6a116ca]{font-size:1.875rem}.ad-container[data-v-b6a116ca]{padding:0 20px;height:180px}.ad-title[data-v-b6a116ca]{font-size:24px}.ad-button[data-v-b6a116ca]{margin-top:2rem}}.io-black-mode .tutorials-content[data-v-b6a116ca]{background-color:#1f1f2e;box-shadow:0 4px 20px #00000026}.io-black-mode .header-decoration[data-v-b6a116ca]{background:linear-gradient(135deg,#a78bfa1a,#a78bfa1a)}.io-black-mode .header-stats[data-v-b6a116ca]{border-top-color:#363738}.io-black-mode .stat-label[data-v-b6a116ca]{color:#9da4ae}.io-black-mode .stat-number[data-v-b6a116ca]{color:#a78bfa}.io-black-mode .search-module[data-v-b6a116ca],.io-black-mode .tutorial-item[data-v-b6a116ca]{background-color:#1f1f2e;box-shadow:0 2px 12px #0003;border-color:#ffffff1a}.io-black-mode .tutorial-item[data-v-b6a116ca]:hover{border-color:#a78bfa4d;box-shadow:0 8px 24px #00000040}.io-black-mode .search-input[data-v-b6a116ca],.io-black-mode .search-engines[data-v-b6a116ca],.io-black-mode .tag-item[data-v-b6a116ca]{background-color:#1a1a2e;border-color:#ffffff1a;color:#e5e7eb}.io-black-mode .tutorial-meta .meta-item.category[data-v-b6a116ca]{background-color:#33334d;color:#a78bfa}.io-black-mode .tutorial-item:hover .tutorial-meta .meta-item.category[data-v-b6a116ca]{background-color:#6d28d9;color:#fff}.io-black-mode .meta-item[data-v-b6a116ca]{color:#9ca3af}.io-black-mode .meta-item[data-v-b6a116ca]:hover{color:#a78bfa}.io-black-mode .tutorial-summary[data-v-b6a116ca]{color:#9ca3af}.io-black-mode .tutorials-description[data-v-b6a116ca]{color:#d1d5db}.io-black-mode .title-link[data-v-b6a116ca]{color:#e5e7eb}.io-black-mode .title-link[data-v-b6a116ca]:hover{color:#a78bfa}.io-black-mode .engine-item[data-v-b6a116ca]{border-color:#ffffff1a;color:#d1d5db}.io-black-mode .engine-item[data-v-b6a116ca]:hover,.io-black-mode .engine-item.highlighted[data-v-b6a116ca]{border-color:#a78bfa;color:#a78bfa}.io-black-mode .engine-item.active[data-v-b6a116ca]{background-color:#6d28d9;color:#fff;border-color:#6d28d9}.io-black-mode .tag-item[data-v-b6a116ca]{background-color:#33334d;color:#9ca3af;border-color:transparent}.io-black-mode .tag-item[data-v-b6a116ca]:hover{background-color:#446;color:#e5e7eb;border-color:#a78bfa}.io-black-mode .tag-item.active[data-v-b6a116ca]{background-color:#6d28d9;color:#fff}.io-black-mode .tags-label[data-v-b6a116ca]{color:#9ca3af}.io-black-mode .page-btn[data-v-b6a116ca]{background-color:#33334d;color:#e5e7eb;border-color:#ffffff1a;transition:all .3s ease}.io-black-mode .page-btn[data-v-b6a116ca]:hover:not(:disabled){background-color:#446;border-color:#a78bfa;color:#fff;transform:translateY(-1px)}.io-black-mode .page-btn.active[data-v-b6a116ca]{background-color:#6d28d9;color:#fff;border-color:#6d28d9}.io-black-mode .page-btn[data-v-b6a116ca]:disabled{opacity:.5;cursor:not-allowed;background-color:#1f1f2e;color:#6b7280}.io-black-mode .tutorial-item[data-v-b6a116ca]:before{background:linear-gradient(180deg,#a78bfa,#8b5cf6)}.io-black-mode .image-link[data-v-b6a116ca]:after{background:linear-gradient(45deg,#a78bfa1a,#a78bfa00)}.io-black-mode .title-gradient[data-v-b6a116ca]:after{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.ad-container[data-v-b6a116ca]{width:450px;height:240px;background-color:#f1f3f6;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative;overflow:hidden;margin-left:1rem;border:1px solid #e2e8f0;transition:all .3s ease}.ad-container[data-v-b6a116ca]:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.ad-content[data-v-b6a116ca]{flex:1}.ad-title[data-v-b6a116ca]{color:#0ea5e9;font-size:36px;font-weight:700;margin:0 0 20px;font-family:Arial,sans-serif;transition:color .3s ease}.ad-description[data-v-b6a116ca]{color:#64748b;font-size:16px;margin:0;font-family:Arial,sans-serif;line-height:1.5}.ad-button[data-v-b6a116ca]{width:50px;height:50px;border-radius:50%;background-color:#0ea5e9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-top:6rem}.ad-button[data-v-b6a116ca]:hover{transform:scale(1.05);background-color:#0284c7;box-shadow:0 4px 12px #0ea5e966}.io-black-mode .mobile-nav-hint[data-v-b6a116ca]{background-color:#2c2e2f;box-shadow:0 -2px 10px #0000004d;color:#c6c9cf;border-top:1px solid #363738}.io-black-mode .ad-container[data-v-b6a116ca]{background-color:#2c2e2f;border-color:#363738;box-shadow:0 2px 10px #0000004d}.io-black-mode .ad-container[data-v-b6a116ca]:hover{box-shadow:0 8px 24px #00000080}.io-black-mode .ad-title[data-v-b6a116ca]{color:#4a9eff}.io-black-mode .ad-description[data-v-b6a116ca]{color:#9da4ae}.io-black-mode .ad-button[data-v-b6a116ca]{background-color:#4a9eff}.io-black-mode .ad-button[data-v-b6a116ca]:hover{background-color:#387fd2;box-shadow:0 4px 12px #4a9eff66}.tutorials-content{display:flex;align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.tutorials-content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:16px 16px 0 0}.posters-container{display:flex;gap:1.5rem;width:100%;height:400px;padding:1.2rem}.left-posters{flex:1;position:relative;height:100%;overflow:hidden;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:2px solid #fff;background-color:#fff}.scrolling-posters{display:flex;height:100%;transition:transform .3s ease;will-change:transform}.poster-item{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.poster-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.poster-link:focus{outline:2px solid #0066ff;outline-offset:2px}.poster-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.poster-link:hover .poster-image{transform:scale(1.05)}.poster-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,#000c,#0000);color:#fff;transition:transform .3s ease}.poster-link:hover .poster-overlay{transform:translateY(0)}.poster-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.poster-description{font-size:.9rem;margin:0;opacity:.9}.right-posters{width:350px;display:flex;flex-direction:column;gap:1rem}.fixed-poster{flex:1;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a;border:2px solid #fff;background-color:#fff}.fixed-poster-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.poster-link:hover .fixed-poster-image{transform:scale(1.05)}.fixed-poster-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,#000c,#0000);color:#fff}.fixed-poster-title{font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.fixed-poster-description{font-size:.8rem;margin:0;opacity:.9}.poster-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.indicator-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.indicator-dot:hover{background-color:#fffc;transform:scale(1.2)}.indicator-dot.active{background-color:#fff;width:30px;border-radius:6px}html.io-black-mode .tutorials-content,body.io-black-mode .tutorials-content{background-color:#1e1e1e;box-shadow:0 4px 20px #0000004d}html.io-black-mode .left-posters,body.io-black-mode .left-posters,html.io-black-mode .fixed-poster,body.io-black-mode .fixed-poster{box-shadow:0 2px 10px #0006}html.io-black-mode .indicator-dot,body.io-black-mode .indicator-dot{background-color:#ffffff4d}html.io-black-mode .indicator-dot:hover,body.io-black-mode .indicator-dot:hover{background-color:#ffffff80}html.io-black-mode .indicator-dot.active,body.io-black-mode .indicator-dot.active{background-color:#fff}@media (max-width: 1024px){.posters-container{flex-direction:column;height:auto}.right-posters{width:100%;flex-direction:row;height:200px}}@media (max-width: 993px){.posters-container{padding:0}}@media (max-width: 768px){.posters-container{padding:10px}.left-posters{height:250px}.right-posters{flex-direction:column;height:auto}.fixed-poster{height:180px}.poster-title{font-size:1.25rem}.poster-description{font-size:.9rem}.fixed-poster-title{font-size:1.1rem}.fixed-poster-description{font-size:.85rem}}@media (max-width: 480px){.left-posters{height:200px}.fixed-poster{height:150px}.poster-overlay{padding:15px}.fixed-poster-overlay{padding:12px}.poster-title{font-size:1.1rem}.fixed-poster-title{font-size:1rem}}.ai-tutorials-view[data-v-7f632036]{min-height:100vh;padding:0rem 5rem}.ad-banner[data-v-7f632036]{flex-shrink:0;border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.ad-banner[data-v-7f632036]:hover{transform:translateY(-5px)}.tutorials-header[data-v-7f632036]{position:relative;z-index:1}.tutorials-header[data-v-7f632036]{padding:2.5rem 2.5rem 2rem;border-radius:1rem;background-color:var(--bg-color-card);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tutorials-header[data-v-7f632036]:hover{transform:translateY(-2px)}.header-decoration[data-v-7f632036]{position:absolute;top:0;right:0;width:150px;height:150px;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:50% 0 50% 50%;z-index:0;transform:translate(30%,-30%)}.tutorials-title[data-v-7f632036]{font-size:2.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1;letter-spacing:-.5px}.title-gradient[data-v-7f632036]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block;position:relative}.title-gradient[data-v-7f632036]:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:4px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease}.tutorials-header:hover .title-gradient[data-v-7f632036]:after{transform:scaleX(1)}.tutorials-description[data-v-7f632036]{font-size:1.125rem;color:var(--text-color-secondary);line-height:1.7;max-width:935px;position:relative;z-index:1;opacity:.9;transition:opacity .3s ease}.tutorials-header:hover .tutorials-description[data-v-7f632036]{opacity:1}.header-stats[data-v-7f632036]{display:flex;gap:2rem;margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(229,231,235,.5);position:relative;z-index:1}.stat-item[data-v-7f632036]{display:flex;flex-direction:column;gap:.25rem}.stat-number[data-v-7f632036]{font-size:1.875rem;font-weight:700;color:#3b82f6;line-height:1.2}.stat-label[data-v-7f632036]{font-size:.875rem;color:var(--text-color-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 1024px){.tutorials-content[data-v-7f632036]{flex-direction:column;align-items:center}.tutorials-header[data-v-7f632036]{margin-right:0;margin-bottom:32px;text-align:center}.ad-banner[data-v-7f632036]{width:100%;max-width:400px}.ad-banner svg[data-v-7f632036]{width:100%;height:auto}.header-stats[data-v-7f632036]{justify-content:center}}@media (max-width: 992px){.tutorials-content[data-v-7f632036]{padding:24px}}@media (max-width: 768px){.tutorials-header[data-v-7f632036]{padding:1.75rem 1.5rem}.tutorials-title[data-v-7f632036]{font-size:2rem}.tutorials-description[data-v-7f632036]{font-size:1rem}.header-stats[data-v-7f632036]{gap:1.5rem;flex-wrap:wrap}.stat-number[data-v-7f632036]{font-size:1.5rem}.tutorials-content[data-v-7f632036]{padding:16px}}@media (max-width: 480px){.tutorials-header[data-v-7f632036]{padding:1.5rem}.tutorials-title[data-v-7f632036]{font-size:1.75rem}.header-stats[data-v-7f632036]{gap:1rem;justify-content:space-around}.stat-item[data-v-7f632036]{flex:1;text-align:center}.stat-number[data-v-7f632036]{font-size:1.25rem}.stat-label[data-v-7f632036]{font-size:.75rem}.header-decoration[data-v-7f632036]{width:100px;height:100px}}.io-black-mode .header-decoration[data-v-7f632036]{background:linear-gradient(135deg,#4a9eff1a,#7b9ff11a)}.io-black-mode .stat-number[data-v-7f632036]{color:#4a9eff}.posters-container[data-v-7f632036]{display:flex;width:100%;height:400px;padding:20px;gap:20px}.left-posters[data-v-7f632036]{flex:2;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.scrolling-posters[data-v-7f632036]:hover{animation-play-state:paused}@keyframes scrollLeft-7f632036{0%{transform:translate(0)}to{transform:translate(-100%)}}.poster-item[data-v-7f632036]{min-width:100%;height:100%;position:relative;overflow:hidden}.poster-image[data-v-7f632036]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.poster-item:hover .poster-image[data-v-7f632036]{transform:scale(1.05)}.poster-overlay[data-v-7f632036]{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);color:#fff}.poster-title[data-v-7f632036]{font-size:1.5rem;font-weight:700;margin:0 0 8px}.poster-description[data-v-7f632036]{font-size:1rem;margin:0;opacity:.9}.right-posters[data-v-7f632036]{flex:1;display:flex;flex-direction:column;gap:15px}.fixed-poster[data-v-7f632036]{flex:1;position:relative;overflow:hidden;border-radius:12px;transition:transform .3s ease;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.fixed-poster[data-v-7f632036]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #3b82f633}.fixed-poster-image[data-v-7f632036]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.fixed-poster:hover .fixed-poster-image[data-v-7f632036]{transform:scale(1.05)}.fixed-poster-overlay[data-v-7f632036]{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);color:#fff}.fixed-poster-title[data-v-7f632036]{font-size:1.2rem;font-weight:600;margin:0 0 5px}.fixed-poster-description[data-v-7f632036]{font-size:.9rem;margin:0;opacity:.9}.io-black-mode .posters-container[data-v-7f632036]{background-color:#1e1e20}.io-black-mode .left-posters[data-v-7f632036]{background:linear-gradient(135deg,#3730a3,#5b21b6)}.io-black-mode .fixed-poster[data-v-7f632036]{background:linear-gradient(135deg,#2563eb,#3b82f6)}.io-black-mode .fixed-poster[data-v-7f632036]:hover{box-shadow:0 10px 25px #3b82f64d}@media (max-width: 1024px){.posters-container[data-v-7f632036]{flex-direction:column;height:auto;padding:15px}.left-posters[data-v-7f632036]{height:300px;margin-bottom:15px}.right-posters[data-v-7f632036]{flex-direction:row;height:200px}}@media (max-width: 768px){.posters-container[data-v-7f632036]{padding:10px}.left-posters[data-v-7f632036]{height:250px}.right-posters[data-v-7f632036]{flex-direction:column;height:auto}.fixed-poster[data-v-7f632036]{height:180px}.poster-title[data-v-7f632036]{font-size:1.25rem}.poster-description[data-v-7f632036]{font-size:.9rem}.fixed-poster-title[data-v-7f632036]{font-size:1.1rem}.fixed-poster-description[data-v-7f632036]{font-size:.85rem}}@media (max-width: 480px){.left-posters[data-v-7f632036]{height:200px}.fixed-poster[data-v-7f632036]{height:150px}.poster-overlay[data-v-7f632036]{padding:15px}.fixed-poster-overlay[data-v-7f632036]{padding:12px}.poster-title[data-v-7f632036]{font-size:1.1rem}.fixed-poster-title[data-v-7f632036]{font-size:1rem}}.search-module[data-v-7f632036]{margin-bottom:2rem;padding:1.5rem;background-color:var(--bg-color-card);border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.header-search-wrapper[data-v-7f632036]{margin-bottom:1rem}.search-container[data-v-7f632036]{position:relative}.search-input-group[data-v-7f632036]{display:flex;position:relative}.search-input[data-v-7f632036]{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid #e5e7eb;border-radius:.5rem 0 0 .5rem;outline:none;transition:border-color .3s;background-color:var(--bg-color-input);color:var(--text-color-primary)}.search-input[data-v-7f632036]:focus{border-color:#3b82f6}.search-button[data-v-7f632036]{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background-color:#3b82f6;color:#fff;border:none;border-radius:0 .5rem .5rem 0;cursor:pointer;transition:background-color .3s}.search-button[data-v-7f632036]:hover{background-color:#2563eb}.dynamic-arrow[data-v-7f632036]{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #e5e7eb}.search-engines[data-v-7f632036]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem;background-color:var(--bg-color-input);border-radius:.5rem}.engine-item[data-v-7f632036]{padding:.5rem 1rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:1.5rem;cursor:pointer;transition:all .3s;background-color:var(--bg-color-input);color:var(--text-color-secondary)}.engine-item[data-v-7f632036]:hover,.engine-item.highlighted[data-v-7f632036]{border-color:#3b82f6;color:#3b82f6}.engine-item.active[data-v-7f632036]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.search-tags[data-v-7f632036]{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.tags-label[data-v-7f632036]{font-size:.875rem;font-weight:500;color:var(--text-color-secondary)}.tag-item[data-v-7f632036]{padding:.375rem .75rem;font-size:.875rem;background-color:var(--bg-color-input);color:var(--text-color-secondary);border-radius:1rem;cursor:pointer;transition:all .3s;border:1px solid transparent}.tag-item[data-v-7f632036]:hover{background-color:#f3f4f6;color:var(--text-color-primary)}.tag-item.active[data-v-7f632036]{background-color:#3b82f6;color:#fff}.tutorials-list[data-v-7f632036]{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.tutorial-item[data-v-7f632036]{display:flex;background-color:var(--bg-color-card, #ffffffc7);border-radius:.45rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid transparent;position:relative}.tutorial-item[data-v-7f632036]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.tutorial-item[data-v-7f632036]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#3b82f633}.tutorial-item[data-v-7f632036]:hover:before{opacity:1}.tutorial-content[data-v-7f632036]{flex:1;padding:1.5rem;display:flex;flex-direction:column}.tutorial-title[data-v-7f632036]{margin-bottom:.75rem;font-size:1.375rem;font-weight:600;line-height:1.4;transition:all .3s ease}.title-link[data-v-7f632036]{color:var(--text-color-primary);text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.title-link[data-v-7f632036]:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#3b82f6;transition:width .3s ease}.title-link[data-v-7f632036]:hover{color:#3b82f6}.title-link[data-v-7f632036]:hover:after{width:100%}.tutorial-summary[data-v-7f632036]{margin-bottom:1rem;font-size:.9375rem;line-height:1.7;color:var(--text-color-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.tutorial-meta[data-v-7f632036]{display:flex;flex-wrap:wrap;gap:.875rem;font-size:.8125rem;color:var(--text-color-tertiary);align-items:center;margin-top:auto}.meta-item[data-v-7f632036]{display:flex;align-items:center;gap:.375rem;transition:color .3s ease}.meta-item.category[data-v-7f632036]{padding:.25rem .75rem;background-color:#e0f2fe;color:#0369a1;border-radius:1.5rem;font-weight:500;transition:all .3s ease;text-transform:capitalize}.tutorial-item:hover .meta-item.category[data-v-7f632036]{background-color:#3b82f6;color:#fff;transform:scale(1.05)}.meta-item[data-v-7f632036]:not(.category){position:relative}.meta-item[data-v-7f632036]:not(.category):hover{color:#3b82f6}.meta-item[data-v-7f632036]:not(.category):before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;transition:transform .3s ease}.meta-item[data-v-7f632036]:not(.category):hover:before{transform:scale(1.2) rotate(5deg)}.meta-item.date[data-v-7f632036]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>')}.meta-item.views[data-v-7f632036]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>')}.meta-item.likes[data-v-7f632036]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>')}.tutorial-image[data-v-7f632036]{flex-shrink:0;width:280px;height:210px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.image-link[data-v-7f632036]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.tutorial-img[data-v-7f632036]{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s cubic-bezier(.25,.46,.45,.94);filter:brightness(1) contrast(1)}.tutorial-item:hover .tutorial-img[data-v-7f632036]{transform:scale(1.1);filter:brightness(1.05) contrast(1.05)}.image-link[data-v-7f632036]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#3b82f61a,#3b82f600);transition:opacity .3s ease;opacity:0}.tutorial-item:hover .image-link[data-v-7f632036]:after{opacity:1}@media (max-width: 768px){.tutorial-item[data-v-7f632036]{flex-direction:column}.tutorial-image[data-v-7f632036]{width:100%;height:180px}.tutorial-content[data-v-7f632036]{padding:1.25rem}.tutorial-title[data-v-7f632036]{font-size:1.25rem}.tutorial-summary[data-v-7f632036]{font-size:.875rem}.tutorial-meta[data-v-7f632036]{gap:.75rem;font-size:.75rem}}@media (max-width: 480px){.tutorials-list[data-v-7f632036]{gap:1rem}.tutorial-content[data-v-7f632036]{padding:1rem}.tutorial-image[data-v-7f632036]{height:150px}.tutorial-title[data-v-7f632036]{font-size:1.125rem}.tutorial-meta[data-v-7f632036]{flex-direction:column;align-items:flex-start;gap:.5rem}}.load-more[data-v-7f632036],.no-more[data-v-7f632036],.no-results[data-v-7f632036]{text-align:center;padding:2rem 0;color:var(--text-color-secondary)}.load-more-btn[data-v-7f632036]{padding:.75rem 2rem;font-size:1rem;background-color:var(--bg-color-button);color:var(--text-color-button);border:1px solid var(--border-color-button);border-radius:.5rem;cursor:pointer;transition:all .3s}.load-more-btn[data-v-7f632036]:hover{background-color:var(--bg-color-button-hover);border-color:var(--border-color-button-hover)}.pagination-container[data-v-7f632036]{margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:center;align-items:center}.pagination-wrapper[data-v-7f632036]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;width:100%}.pagination-info[data-v-7f632036]{font-size:.875rem;color:var(--text-color-secondary);display:flex;gap:1rem;order:2}.pagination[data-v-7f632036]{display:flex;align-items:center;gap:.5rem;order:1}.page-btn[data-v-7f632036]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:.875rem;background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:.25rem;cursor:pointer;transition:all .3s}.page-btn[data-v-7f632036]:hover:not(:disabled){background-color:var(--bg-color-button-hover);border-color:var(--border-color-button-hover)}.page-btn.active[data-v-7f632036]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.page-btn[data-v-7f632036]:disabled{opacity:.5;cursor:not-allowed}.page-btn svg[data-v-7f632036]{width:1rem;height:1rem}.mobile-nav-hint[data-v-7f632036]{display:none;position:fixed;bottom:0;left:0;right:0;padding:1rem;background-color:var(--bg-color-card);text-align:center;font-size:.875rem;color:var(--text-color-secondary);box-shadow:0 -2px 10px #0000001a;z-index:100}@media (max-width: 768px){.tutorial-item[data-v-7f632036]{flex-direction:column}.tutorial-content[data-v-7f632036]{margin-right:0;margin-bottom:1rem}.tutorial-image[data-v-7f632036]{width:100%;height:180px}.pagination-wrapper[data-v-7f632036]{flex-direction:column;align-items:center}.pagination-info[data-v-7f632036]{order:2;color:var(--text-color-secondary)}.pagination[data-v-7f632036]{order:1}.mobile-nav-hint[data-v-7f632036]{display:block}.ad-container[data-v-7f632036]{width:100%;margin-left:0;margin-top:1.5rem;height:200px}.ad-title[data-v-7f632036]{font-size:28px}.ad-description[data-v-7f632036]{font-size:14px}.ad-button[data-v-7f632036]{margin-top:4rem}}@media (max-width: 480px){.ai-tutorials-view[data-v-7f632036]{padding:0rem 1rem}.tutorials-title[data-v-7f632036]{font-size:1.875rem}.ad-container[data-v-7f632036]{padding:0 20px;height:180px}.ad-title[data-v-7f632036]{font-size:24px}.ad-button[data-v-7f632036]{margin-top:2rem}}.io-black-mode .tutorials-content[data-v-7f632036]{background-color:#1f1f2e;box-shadow:0 4px 20px #00000026}.io-black-mode .header-decoration[data-v-7f632036]{background:linear-gradient(135deg,#a78bfa1a,#a78bfa1a)}.io-black-mode .header-stats[data-v-7f632036]{border-top-color:#363738}.io-black-mode .stat-label[data-v-7f632036]{color:#9da4ae}.io-black-mode .stat-number[data-v-7f632036]{color:#a78bfa}.io-black-mode .search-module[data-v-7f632036],.io-black-mode .tutorial-item[data-v-7f632036]{background-color:#1f1f2e;box-shadow:0 2px 12px #0003;border-color:#ffffff1a}.io-black-mode .tutorial-item[data-v-7f632036]:hover{border-color:#a78bfa4d;box-shadow:0 8px 24px #00000040}.io-black-mode .search-input[data-v-7f632036],.io-black-mode .search-engines[data-v-7f632036],.io-black-mode .tag-item[data-v-7f632036]{background-color:#1a1a2e;border-color:#ffffff1a;color:#e5e7eb}.io-black-mode .tutorial-meta .meta-item.category[data-v-7f632036]{background-color:#33334d;color:#a78bfa}.io-black-mode .tutorial-item:hover .tutorial-meta .meta-item.category[data-v-7f632036]{background-color:#6d28d9;color:#fff}.io-black-mode .meta-item[data-v-7f632036]{color:#9ca3af}.io-black-mode .meta-item[data-v-7f632036]:hover{color:#a78bfa}.io-black-mode .tutorial-summary[data-v-7f632036]{color:#9ca3af}.io-black-mode .tutorials-description[data-v-7f632036]{color:#d1d5db}.io-black-mode .title-link[data-v-7f632036]{color:#e5e7eb}.io-black-mode .title-link[data-v-7f632036]:hover{color:#a78bfa}.io-black-mode .engine-item[data-v-7f632036]{border-color:#ffffff1a;color:#d1d5db}.io-black-mode .engine-item[data-v-7f632036]:hover,.io-black-mode .engine-item.highlighted[data-v-7f632036]{border-color:#a78bfa;color:#a78bfa}.io-black-mode .engine-item.active[data-v-7f632036]{background-color:#6d28d9;color:#fff;border-color:#6d28d9}.io-black-mode .tag-item[data-v-7f632036]{background-color:#33334d;color:#9ca3af;border-color:transparent}.io-black-mode .tag-item[data-v-7f632036]:hover{background-color:#446;color:#e5e7eb;border-color:#a78bfa}.io-black-mode .tag-item.active[data-v-7f632036]{background-color:#6d28d9;color:#fff}.io-black-mode .tags-label[data-v-7f632036]{color:#9ca3af}.io-black-mode .page-btn[data-v-7f632036]{background-color:#33334d;color:#e5e7eb;border-color:#ffffff1a;transition:all .3s ease}.io-black-mode .page-btn[data-v-7f632036]:hover:not(:disabled){background-color:#446;border-color:#a78bfa;color:#fff;transform:translateY(-1px)}.io-black-mode .page-btn.active[data-v-7f632036]{background-color:#6d28d9;color:#fff;border-color:#6d28d9}.io-black-mode .page-btn[data-v-7f632036]:disabled{opacity:.5;cursor:not-allowed;background-color:#1f1f2e;color:#6b7280}.io-black-mode .tutorial-item[data-v-7f632036]:before{background:linear-gradient(180deg,#a78bfa,#8b5cf6)}.io-black-mode .image-link[data-v-7f632036]:after{background:linear-gradient(45deg,#a78bfa1a,#a78bfa00)}.io-black-mode .title-gradient[data-v-7f632036]:after{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.ad-container[data-v-7f632036]{width:450px;height:240px;background-color:#f1f3f6;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative;overflow:hidden;margin-left:1rem;border:1px solid #e2e8f0;transition:all .3s ease}.ad-container[data-v-7f632036]:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.ad-content[data-v-7f632036]{flex:1}.ad-title[data-v-7f632036]{color:#0ea5e9;font-size:36px;font-weight:700;margin:0 0 20px;font-family:Arial,sans-serif;transition:color .3s ease}.ad-description[data-v-7f632036]{color:#64748b;font-size:16px;margin:0;font-family:Arial,sans-serif;line-height:1.5}.ad-button[data-v-7f632036]{width:50px;height:50px;border-radius:50%;background-color:#0ea5e9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-top:6rem}.ad-button[data-v-7f632036]:hover{transform:scale(1.05);background-color:#0284c7;box-shadow:0 4px 12px #0ea5e966}.io-black-mode .mobile-nav-hint[data-v-7f632036]{background-color:#2c2e2f;box-shadow:0 -2px 10px #0000004d;color:#c6c9cf;border-top:1px solid #363738}.io-black-mode .ad-container[data-v-7f632036]{background-color:#2c2e2f;border-color:#363738;box-shadow:0 2px 10px #0000004d}.io-black-mode .ad-container[data-v-7f632036]:hover{box-shadow:0 8px 24px #00000080}.io-black-mode .ad-title[data-v-7f632036]{color:#4a9eff}.io-black-mode .ad-description[data-v-7f632036]{color:#9da4ae}.io-black-mode .ad-button[data-v-7f632036]{background-color:#4a9eff}.io-black-mode .ad-button[data-v-7f632036]:hover{background-color:#387fd2;box-shadow:0 4px 12px #4a9eff66}.category-content-layout{@keyframes fadeInUp-9ee4b5bc{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatAnimation-9ee4b5bc{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}}.category-content-layout .category-header[data-v-9ee4b5bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.category-content-layout .category-header[data-v-9ee4b5bc]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.category-content-layout .category-title-section[data-v-9ee4b5bc]{flex:1;position:relative;z-index:1}.category-content-layout .category-title[data-v-9ee4b5bc]{font-size:2.8rem;font-weight:800;color:#1d2129;margin-bottom:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;line-height:1.2}.category-content-layout .category-description[data-v-9ee4b5bc]{font-size:1.2rem;color:#6c757d;margin:0;line-height:1.7;font-weight:400;max-width:80%}.category-content-layout .category-stats[data-v-9ee4b5bc]{display:flex;gap:1rem;align-items:center}.category-content-layout .stat-item[data-v-9ee4b5bc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease;position:relative;z-index:1}.category-content-layout .stat-item[data-v-9ee4b5bc]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.category-content-layout .pagination-wrapper[data-v-9ee4b5bc]{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.category-content-layout .pagination[data-v-9ee4b5bc]{display:flex;gap:.5rem;align-items:center}.category-content-layout .pagination-btn[data-v-9ee4b5bc]{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:80px;height:36px;padding:0 12px;border:1px solid #dee2e6;background:#fff;color:#6c757d;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.category-content-layout .pagination-btn[data-v-9ee4b5bc]:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;color:#495057}.category-content-layout .pagination-btn[data-v-9ee4b5bc]:disabled{opacity:.5;cursor:not-allowed}.category-content-layout .pagination-numbers[data-v-9ee4b5bc]{display:flex;gap:.25rem}.category-content-layout .pagination-number[data-v-9ee4b5bc]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #dee2e6;background:#fff;color:#6c757d;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.category-content-layout .pagination-number[data-v-9ee4b5bc]:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.category-content-layout .pagination-number.active[data-v-9ee4b5bc]{background:#007bff;border-color:#007bff;color:#fff}.category-content-layout .pagination-ellipsis[data-v-9ee4b5bc]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#6c757d;font-weight:500}.category-content-layout .pagination-info[data-v-9ee4b5bc]{font-size:.875rem;color:#6c757d;text-align:center;padding:.5rem 1rem;background:#f8f9fa80;border-radius:6px;border:1px solid rgba(222,226,230,.5);margin-top:.5rem}.category-content-layout .empty-state[data-v-9ee4b5bc]{display:flex;justify-content:center;align-items:center;min-height:250px;padding:2rem 1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin:2rem 0;position:relative;overflow:hidden}.category-content-layout .empty-state[data-v-9ee4b5bc]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.03) 0%,transparent 70%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.03) 0%,transparent 70%),linear-gradient(135deg,#ffffff1a,#f8f9fa0d);pointer-events:none}.category-content-layout .empty-content[data-v-9ee4b5bc]{text-align:center;max-width:475px;position:relative;z-index:1;animation:fadeInUp-9ee4b5bc .6s ease-out}.category-content-layout .empty-content svg.empty-icon[data-v-9ee4b5bc]{width:60px;height:60px;margin-bottom:1rem;opacity:.8;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:floatAnimation-9ee4b5bc 2s ease-in-out infinite;color:#6c757d}.category-content-layout .empty-content h3[data-v-9ee4b5bc]{font-size:1.75rem;color:#495057;margin:0 0 1rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.category-content-layout .empty-content p[data-v-9ee4b5bc]{color:#6c757d;margin:0 0 2rem;line-height:1.6;font-size:1rem}.category-content-layout .empty-content .empty-actions[data-v-9ee4b5bc]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.category-content-layout .empty-content .btn-empty-action[data-v-9ee4b5bc]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.category-content-layout .empty-content .btn-primary-empty[data-v-9ee4b5bc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.category-content-layout .empty-content .btn-primary-empty[data-v-9ee4b5bc]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.category-content-layout .empty-content .btn-secondary-empty[data-v-9ee4b5bc]{background:transparent;color:#667eea;border:2px solid #667eea}.category-content-layout .empty-content .btn-secondary-empty[data-v-9ee4b5bc]:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.category-content-layout .empty-content .empty-tips[data-v-9ee4b5bc]{margin-top:1.5rem;padding:1rem;background:#667eea0d;border-radius:8px;border-left:4px solid #667eea}.category-content-layout .empty-content .empty-tips h4[data-v-9ee4b5bc]{color:#667eea;margin:0 0 .5rem;font-size:1rem;font-weight:600}.category-content-layout .empty-content .empty-tips ul[data-v-9ee4b5bc]{color:#6c757d;margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.5}.category-content-layout .empty-content .empty-tips li[data-v-9ee4b5bc]{margin-bottom:.25rem}@media (min-width: 1400px){.category-content-layout .col-xxl-5a[data-v-9ee4b5bc]{flex:0 0 20%!important;max-width:20%!important}}@media (min-width: 1200px) and (max-width: 1399.98px){.category-content-layout .col-xl-5a[data-v-9ee4b5bc]{flex:0 0 20%!important;max-width:20%!important}}@media (min-width: 992px) and (max-width: 1199.98px){.category-content-layout .col-lg-4a[data-v-9ee4b5bc]{flex:0 0 25%!important;max-width:25%!important}}@media (min-width: 768px) and (max-width: 991.98px){.category-content-layout .col-md-3a[data-v-9ee4b5bc]{flex:0 0 33.333333%!important;max-width:33.333333%!important}}@media (min-width: 576px) and (max-width: 767.98px){.category-content-layout .col-sm-2a[data-v-9ee4b5bc]{flex:0 0 50%!important;max-width:50%!important}}@media (max-width: 575.98px){.category-content-layout .col-2a[data-v-9ee4b5bc]{flex:0 0 50%!important;max-width:50%!important}}.io-black-mode .category-content-layout .category-title[data-v-9ee4b5bc]{color:#e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.io-black-mode .category-content-layout .category-description[data-v-9ee4b5bc]{color:#adb5bd}.io-black-mode .category-content-layout .category-header[data-v-9ee4b5bc]{border-bottom-color:#495057}.io-black-mode .category-content-layout .stat-item[data-v-9ee4b5bc]{background:linear-gradient(135deg,#667eea,#764ba2)}.io-black-mode .category-content-layout .pagination-btn[data-v-9ee4b5bc],.io-black-mode .category-content-layout .pagination-number[data-v-9ee4b5bc]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.io-black-mode .category-content-layout .pagination-btn[data-v-9ee4b5bc]:hover:not(:disabled),.io-black-mode .category-content-layout .pagination-number[data-v-9ee4b5bc]:hover{background:#4a5568;border-color:#718096;color:#f7fafc}.io-black-mode .category-content-layout .pagination-btn[data-v-9ee4b5bc]:disabled{opacity:.4}.io-black-mode .category-content-layout .pagination-info[data-v-9ee4b5bc]{color:#adb5bd}.io-black-mode .category-content-layout .empty-state[data-v-9ee4b5bc]{background:linear-gradient(135deg,#2d3748,#1a202c)}.io-black-mode .category-content-layout .empty-state[data-v-9ee4b5bc]:before{background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.05) 0%,transparent 70%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.05) 0%,transparent 70%),linear-gradient(135deg,#ffffff08,#1a202c05)}.io-black-mode .category-content-layout .empty-content h3[data-v-9ee4b5bc]{color:#e2e8f0}.io-black-mode .category-content-layout .empty-content p[data-v-9ee4b5bc]{color:#a0aec0}.io-black-mode .category-content-layout .empty-content .empty-tips[data-v-9ee4b5bc]{background:#667eea1a;border-left-color:#667eea}.io-black-mode .category-content-layout .empty-content .empty-tips h4[data-v-9ee4b5bc]{color:#90cdf4}.io-black-mode .category-content-layout .empty-content .empty-tips ul[data-v-9ee4b5bc]{color:#a0aec0}.io-black-mode .category-content-layout .empty-content .btn-secondary-empty[data-v-9ee4b5bc]{color:#90cdf4;border-color:#90cdf4}.io-black-mode .category-content-layout .empty-content .btn-secondary-empty[data-v-9ee4b5bc]:hover{background:#90cdf4;color:#1a202c}@media (max-width: 768px){.category-content-layout .category-header[data-v-9ee4b5bc]{flex-direction:column;align-items:flex-start;gap:1rem}.category-content-layout .category-title[data-v-9ee4b5bc]{font-size:2rem}.category-content-layout .pagination-wrapper[data-v-9ee4b5bc]{gap:1rem}.category-content-layout .pagination[data-v-9ee4b5bc]{flex-wrap:wrap;justify-content:center}}.ai-tutorials-view[data-v-4dc0c90c]{min-height:100vh;padding:0rem 5rem}.pagination-container[data-v-4dc0c90c]{margin-top:2rem;display:flex;justify-content:center}.pagination-wrapper[data-v-4dc0c90c]{display:flex;align-items:center;gap:1rem}.pagination[data-v-4dc0c90c]{display:flex;gap:.5rem;align-items:center}.page-btn[data-v-4dc0c90c]{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid #dee2e6;background:#fff;color:#6c757d;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.page-btn[data-v-4dc0c90c]:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;color:#495057}.page-btn[data-v-4dc0c90c]:disabled{opacity:.5;cursor:not-allowed}.page-btn.active[data-v-4dc0c90c]{background:#007bff;border-color:#007bff;color:#fff}.page-btn svg[data-v-4dc0c90c]{display:block}@media (max-width: 768px){.ai-tutorials-view[data-v-4dc0c90c]{padding:0rem 1rem}}.io-black-mode .ai-tutorials-view[data-v-4dc0c90c]{background:#1a1a1a}.io-black-mode .tutorials-content[data-v-4dc0c90c]{background:#2d3748;box-shadow:0 4px 20px #0000004d}.io-black-mode .page-btn[data-v-4dc0c90c]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.io-black-mode .page-btn[data-v-4dc0c90c]:hover:not(:disabled){background:#4a5568;border-color:#718096;color:#f7fafc}.io-black-mode .page-btn[data-v-4dc0c90c]:disabled{opacity:.4}.mobile-nav-hint[data-v-4dc0c90c]{display:none}@media (max-width: 768px){.mobile-nav-hint[data-v-4dc0c90c]{display:block;background:#343a40;color:#fff;text-align:center;padding:1rem;font-size:.9rem}}.poster-test-view[data-v-4ec23eec]{padding:20px;max-width:1200px;margin:0 auto}.poster-test-view h1[data-v-4ec23eec]{color:#333;margin-bottom:20px}.poster-test-view h2[data-v-4ec23eec]{color:#666;margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid #eee}.poster-test-view p[data-v-4ec23eec]{color:#888;line-height:1.6;margin-bottom:30px}.redirect-container[data-v-18434662]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;box-sizing:border-box}.loading-content[data-v-18434662],.error-content[data-v-18434662]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:40px;max-width:500px;width:100%;text-align:center}.logo-container[data-v-18434662]{margin-bottom:30px}.logo[data-v-18434662]{max-width:100px;height:auto}.logo-container h1[data-v-18434662]{font-size:2.5rem;color:#333;margin:0}.warning-message[data-v-18434662]{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.warning-icon[data-v-18434662]{font-size:1.5rem}.warning-text[data-v-18434662]{color:#856404;font-weight:500;margin:0}.redirect-info[data-v-18434662]{margin-bottom:20px}.redirect-info p[data-v-18434662]{color:#555;word-break:break-all;margin:0}.countdown[data-v-18434662]{margin-bottom:20px;color:#666;font-size:16px}.continue-button[data-v-18434662]{background-color:#ff4500;color:#fff;border:none;padding:12px 30px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.continue-button[data-v-18434662]:hover{background-color:#e63900}.error-content h2[data-v-18434662]{color:#dc3545;margin-bottom:15px}.error-content p[data-v-18434662]{color:#666;margin-bottom:20px}.error-content button[data-v-18434662]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s}.error-content button[data-v-18434662]:hover{background-color:#0056b3}@media (max-width: 600px){.loading-content[data-v-18434662],.error-content[data-v-18434662]{padding:20px;margin:10px}.logo[data-v-18434662]{max-width:80px}.logo-container h1[data-v-18434662]{font-size:2rem}}