.app-detail-page{background:linear-gradient(180deg,var(--main-bg-primary)0%,var(--main-bg-secondary)30%,var(--main-bg-tertiary)100%);min-height:100vh}.app-detail-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:991px){.app-detail-container{padding:0 20px}}@media (max-width:767px){.app-detail-container{padding:0 16px}}.app-detail-hero{background:linear-gradient(#fff 0% 60%,#f8fafc 100%);padding:48px 0 40px;position:relative}.app-breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:32px;display:flex}.breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.breadcrumb-link{border-radius:var(--main-radius);color:#64748b;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.breadcrumb-link:hover{color:var(--main-primary);background:#6366f10f}.breadcrumb-link svg{opacity:.6;width:13px;height:13px;transition:all .2s}.breadcrumb-link:hover svg{opacity:1}.breadcrumb-separator{color:#cbd5e1;-webkit-user-select:none;user-select:none;margin:0 2px;font-size:.75rem;font-weight:400}.app-hero-content{text-align:center;max-width:900px;margin:0 auto;padding:0 24px}.app-hero-content h1{color:#0f172a;letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.2}.app-hero-excerpt{color:#64748b;max-width:720px;margin:0 auto;font-size:1.125rem;font-weight:400;line-height:1.7}@media (max-width:991px){.app-detail-hero{padding:40px 0 36px}.app-breadcrumb{margin-bottom:24px}.app-hero-content{padding:0 20px}.app-hero-content h1{margin-bottom:16px;font-size:2.25rem}.app-hero-excerpt{font-size:1.0625rem}}@media (max-width:767px){.app-detail-hero{padding:32px 0}.app-breadcrumb{gap:4px;margin-bottom:20px}.breadcrumb-link{padding:3px 8px;font-size:.8125rem}.breadcrumb-link svg{width:12px;height:12px}.breadcrumb-separator{font-size:.6875rem}.app-hero-content{padding:0 16px}.app-hero-content h1{margin-bottom:14px;font-size:1.875rem}.app-hero-excerpt{font-size:1rem}}@media (max-width:480px){.app-hero-content h1{font-size:1.625rem}.app-hero-excerpt{font-size:.9375rem}}.app-toolbar-section{padding:var(--main-space-10)var(--main-space-6)0 var(--main-space-6);position:relative}.app-detail-interactive-py-0 .app-toolbar-section{padding-bottom:var(--main-space-10)}.app-tips-slider,.app-series-nav{max-width:900px}.app-series-nav{margin:var(--main-space-10)auto 0 auto;padding:0}.app-series-grid{justify-content:center;gap:var(--main-space-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--main-space-2);border-radius:var(--main-radius-xl);box-shadow:var(--main-shadow-sm);background:#ffffffeb;flex-wrap:wrap;display:flex}.app-series-item{padding:var(--main-space-2)var(--main-space-3);border-radius:var(--main-radius-lg);flex-direction:column;align-items:center;gap:6px;min-width:90px;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex;position:relative}.app-series-item:hover{background:#6366f114}.app-series-item.active{background:var(--main-primary-50)}.app-series-item.active:after{content:"";background:var(--main-primary);border-radius:3px 3px 0 0;width:20px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.app-series-item-icon{border-radius:var(--main-radius);background:var(--main-gray-100);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:box-shadow .15s;display:flex;overflow:hidden}.app-series-item:hover .app-series-item-icon{box-shadow:0 2px 8px #6366f133}.app-series-item.active .app-series-item-icon{box-shadow:0 2px 8px #6366f140}.app-series-item-icon img{object-fit:cover;width:100%;height:100%}.app-series-item-icon svg{width:20px;height:20px;color:var(--main-text-muted)}.app-series-item-name{font-size:11px;font-weight:var(--main-font-medium);color:var(--main-text-muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:130px;line-height:1.3;transition:color .15s;display:-webkit-box;overflow:hidden}.app-series-item:hover .app-series-item-name{color:var(--main-primary)}.app-series-item.active .app-series-item-name{color:var(--main-primary);font-weight:var(--main-font-semibold)}.app-detail-interactive-bg-fixed-dark .app-series-grid,.app-detail-interactive-bg-fixed-black .app-series-grid{background:#ffffff14;border:1px solid #ffffff1a}.app-detail-interactive-bg-fixed-dark .app-series-item,.app-detail-interactive-bg-fixed-black .app-series-item{color:#ffffffe6}.app-detail-interactive-bg-fixed-dark .app-series-item:hover,.app-detail-interactive-bg-fixed-black .app-series-item:hover{background:#ffffff1f}.app-detail-interactive-bg-fixed-dark .app-series-item.active,.app-detail-interactive-bg-fixed-black .app-series-item.active{background:#6366f133}.app-detail-interactive-bg-fixed-dark .app-series-item-icon,.app-detail-interactive-bg-fixed-black .app-series-item-icon{background:#ffffff1a}.app-detail-interactive-bg-fixed-dark .app-series-item-icon svg,.app-detail-interactive-bg-fixed-black .app-series-item-icon svg{color:#fff9}.app-detail-interactive-bg-fixed-dark .app-series-item-name,.app-detail-interactive-bg-fixed-black .app-series-item-name{color:#ffffffb3}.app-detail-interactive-bg-fixed-dark .app-series-item:hover .app-series-item-name,.app-detail-interactive-bg-fixed-black .app-series-item:hover .app-series-item-name,.app-detail-interactive-bg-fixed-dark .app-series-item.active .app-series-item-name,.app-detail-interactive-bg-fixed-black .app-series-item.active .app-series-item-name{color:#6366f1}.app-detail-interactive-bg-fixed-white .app-series-grid,.app-detail-interactive-bg-fixed-light .app-series-grid{background:#00000008;border:1px solid #0000000f}.app-tips-slider{justify-content:center;margin:0 auto;display:flex}.app-tips-slider-inner{align-items:center;gap:var(--main-space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;padding:var(--main-space-3)var(--main-space-4);border-radius:var(--main-radius-xl);font-size:var(--main-text-sm);box-shadow:var(--main-shadow-sm);background:#ffffffe6;display:flex}.app-tips-slider-icon{color:var(--main-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-tips-slider-label{font-weight:var(--main-font-semibold);color:var(--main-primary);flex-shrink:0}.app-tips-slider-content{flex:1;min-width:0;position:relative}.app-tips-slider-track{display:block}.app-tips-slider-item{color:var(--main-text);line-height:var(--main-leading-normal);display:none}.app-tips-slider-item.active{display:block}.app-tips-slider-nav{margin-left:var(--main-space-3);flex-shrink:0;align-items:center;gap:4px;display:flex}.app-tips-slider-btn{width:20px;height:20px;color:var(--main-gray-400);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.app-tips-slider-btn:hover{color:var(--main-primary)}.app-tips-slider-btn:active{opacity:.7}.app-tips-slider-btn svg{width:14px;height:14px}.app-tips-slider-close{border-left-style:solid;border-left-width:1px;border-left-color:var(--main-border);color:var(--main-gray-300);margin-left:8px;padding-left:8px}.app-tips-slider-close:hover{color:var(--main-error)}.app-tips-slider-close svg{width:12px;height:12px}.app-tips-slider-counter{color:var(--main-gray-500);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-.5px;min-width:20px;font-size:11px}.app-tips-slider-current{font-weight:var(--main-font-medium);color:var(--main-primary)}.app-tips-read-more{color:var(--main-link-color);font-weight:var(--main-font-medium);cursor:pointer;z-index:1;text-decoration:underline;position:relative}.app-tips-read-more:hover{color:var(--main-link-hover-color)}.app-tips-slider[data-tips-count="1"] .app-tips-slider-nav{display:none}.app-detail-interactive-bg-fixed-dark .app-tips-slider-inner,.app-detail-interactive-bg-fixed-black .app-tips-slider-inner{background:#ffffff14;border:1px solid #ffffff1a}.app-detail-interactive-bg-fixed-dark .app-tips-slider-icon,.app-detail-interactive-bg-fixed-black .app-tips-slider-icon{color:#6366f1}.app-detail-interactive-bg-fixed-dark .app-tips-slider-item,.app-detail-interactive-bg-fixed-black .app-tips-slider-item{color:#ffffffe6}.app-detail-interactive-bg-fixed-dark .app-tips-slider-btn,.app-detail-interactive-bg-fixed-black .app-tips-slider-btn{color:#ffffff80}.app-detail-interactive-bg-fixed-dark .app-tips-slider-btn:hover,.app-detail-interactive-bg-fixed-black .app-tips-slider-btn:hover{color:#6366f1}.app-detail-interactive-bg-fixed-dark .app-tips-slider-close,.app-detail-interactive-bg-fixed-black .app-tips-slider-close{color:#fff6;border-left-color:#ffffff26}.app-detail-interactive-bg-fixed-dark .app-tips-slider-close:hover,.app-detail-interactive-bg-fixed-black .app-tips-slider-close:hover{color:#ef4444}.app-detail-interactive-bg-fixed-dark .app-tips-slider-counter,.app-detail-interactive-bg-fixed-black .app-tips-slider-counter{color:#fff9}.app-detail-interactive-bg-fixed-dark .app-tips-slider-current,.app-detail-interactive-bg-fixed-black .app-tips-slider-current,.app-detail-interactive-bg-fixed-dark .app-tips-read-more,.app-detail-interactive-bg-fixed-black .app-tips-read-more{color:#6366f1}.app-detail-interactive-bg-fixed-dark .app-tips-read-more:hover,.app-detail-interactive-bg-fixed-black .app-tips-read-more:hover{color:#818cf8}.app-detail-interactive-bg-fixed-white .app-tips-slider-inner,.app-detail-interactive-bg-fixed-light .app-tips-slider-inner{background:#00000008;border:1px solid #0000000f}@media (max-width:768px){.app-toolbar-section{padding:var(--main-space-4)}.app-detail-interactive-py-0 .app-toolbar-section{padding-bottom:var(--main-space-4)}.app-series-nav{margin-top:var(--main-space-6);padding:0}.app-series-grid{gap:2px;padding:5px}.app-series-item{padding:var(--main-space-2);gap:4px;min-width:60px}.app-series-item-icon{width:32px;height:32px}.app-series-item-icon svg{width:16px;height:16px}.app-series-item-name{-webkit-line-clamp:2;max-width:70px;font-size:10px}.app-tips-slider-inner{border-radius:var(--main-radius-lg);width:100%;padding:var(--main-space-3);gap:var(--main-space-2);grid-template:"icon label nav""content content content"/auto 1fr auto;align-items:center;display:grid}.app-tips-slider-icon{grid-area:icon}.app-tips-slider-label{grid-area:label}.app-tips-slider-nav{grid-area:nav;gap:6px;margin-left:0}.app-tips-slider-content{width:100%;padding-top:var(--main-space-2);border-top:1px solid #0000000f;grid-area:content}.app-tips-slider-item{white-space:normal;line-height:var(--main-leading-relaxed);font-size:var(--main-text-sm)}.app-tips-slider-btn{width:26px;height:26px}.app-tips-slider-btn svg{width:16px;height:16px}.app-tips-slider-close{margin-left:10px;padding-left:10px}.app-tips-slider-close svg{width:14px;height:14px}}.app-detail-interactive{--btn-space:10px;flex-direction:column;display:flex;position:relative}.app-detail-interactive-content{flex-direction:column;flex:1;display:flex}.app-detail-interactive-content>*{width:100%}.app-interactive-fullscreen-btn{z-index:100;background:var(--main-bg-primary);border-style:solid;border-width:1px;border-color:var(--main-border);border-radius:var(--main-radius);cursor:pointer;width:36px;height:36px;transition:all var(--main-transition);box-shadow:var(--main-shadow-sm);justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;right:16px}.app-interactive-fullscreen-btn:hover{background:var(--main-gray-50);box-shadow:var(--main-shadow)}.app-interactive-fullscreen-btn svg{width:18px;height:18px;color:var(--main-text-muted);transition:color var(--main-transition)}.app-interactive-fullscreen-btn:hover svg{color:var(--main-text)}.app-interactive-fullscreen-btn .fullscreen-exit-icon{display:none}body.app-fullscreen-mode .app-detail-page>:not(.app-detail-interactive),body.app-fullscreen-mode .site-header,body.app-fullscreen-mode .site-footer,body.app-fullscreen-mode .admin-bar,body.app-fullscreen-mode .app-toolbar-section{display:none!important}body.app-fullscreen-mode.has-admin-bar{padding-top:0!important}body.app-fullscreen-mode .app-detail-interactive{--btn-space:60px;min-height:100vh;overflow:auto}body.app-fullscreen-mode .app-detail-interactive-content{flex:1;justify-content:center;align-items:center;display:flex}body.app-fullscreen-mode .app-interactive-fullscreen-btn .fullscreen-enter-icon{display:none}body.app-fullscreen-mode .app-interactive-fullscreen-btn .fullscreen-exit-icon{display:block}@media (max-width:767px){.app-interactive-fullscreen-btn{width:40px;height:40px;bottom:12px;right:12px}.app-interactive-fullscreen-btn svg{width:16px;height:16px}}.app-detail-interactive-bg-gray-darkest{background:#e2e8f0}.app-detail-interactive-bg-gray-dark{background:#f1f5f9}.app-detail-interactive-bg-gray{background:#f8fafc}.app-detail-interactive-bg-gray-light{background:#fafbfc}.app-detail-interactive-bg-white{background:#fff}.app-detail-interactive-bg-blue-darkest{background:#dbeafe}.app-detail-interactive-bg-blue-dark{background:#eff6ff}.app-detail-interactive-bg-blue{background:#f0f9ff}.app-detail-interactive-bg-blue-light{background:#f0fdff}.app-detail-interactive-bg-orange-darkest{background:#fed7aa}.app-detail-interactive-bg-orange-dark{background:#ffedd5}.app-detail-interactive-bg-orange{background:#fff7ed}.app-detail-interactive-bg-yellow{background:#fefce8}.app-detail-interactive-bg-red{background:#fef2f2}.app-detail-interactive-bg-green-darkest{background:#d1fae5}.app-detail-interactive-bg-green-dark{background:#ecfdf5}.app-detail-interactive-bg-green{background:#f0fdf4}.app-detail-interactive-bg-green-light{background:#f0fdf9}.app-detail-interactive-bg-purple-darkest{background:#e9d5ff}.app-detail-interactive-bg-purple-dark{background:#f3e8ff}.app-detail-interactive-bg-purple{background:#faf5ff}.app-detail-interactive-bg-purple-light{background:#f5f3ff}.app-detail-interactive-bg-pink{background:#fdf2f8}.app-detail-interactive-bg-gradient-gray{background:linear-gradient(#f8fafc 0%,#fff 30% 70%,#f8fafc 100%)}.app-detail-interactive-bg-gradient-blue{background:linear-gradient(#eff6ff 0%,#dbeafe 50%,#eff6ff 100%)}.app-detail-interactive-bg-gradient-orange{background:linear-gradient(#fff7ed 0%,#ffedd5 50%,#fff7ed 100%)}.app-detail-interactive-bg-gradient-green{background:linear-gradient(#f0fdf4 0%,#ecfdf5 50%,#f0fdf4 100%)}.app-detail-interactive-bg-gradient-purple{background:linear-gradient(#faf5ff 0%,#f3e8ff 50%,#faf5ff 100%)}.app-detail-interactive-bg-gradient-diagonal-blue{background:linear-gradient(#eff6ff 0%,#dbeafe 100%)}.app-detail-interactive-bg-gradient-diagonal-purple{background:linear-gradient(#faf5ff 0%,#f3e8ff 100%)}.app-detail-interactive-bg-gradient-diagonal-green{background:linear-gradient(#f0fdf4 0%,#d1fae5 100%)}.app-detail-interactive-bg-gradient-sunset{background:linear-gradient(#fff7ed 0%,#fdf2f8 50%,#faf5ff 100%)}.app-detail-interactive-bg-gradient-ocean{background:linear-gradient(#f0fdff 0%,#dbeafe 50%,#f0fdf9 100%)}.app-detail-interactive-bg-gradient-aurora{background:linear-gradient(#f0fdf4 0%,#f0f9ff 50%,#faf5ff 100%)}.app-detail-interactive-bg-mesh-soft{background:radial-gradient(at 40% 20%,#eff6ff 0,#0000 50%),radial-gradient(at 80% 0,#fce7f3 0,#0000 50%),radial-gradient(at 0%,#ecfdf5 0,#0000 50%),#f8fafc}.app-detail-interactive-bg-dots{background-color:#f8fafc;background-image:radial-gradient(circle,#e2e8f0 1px,#0000 1px);background-size:20px 20px}.app-detail-interactive-bg-grid{background-color:#fff;background-image:linear-gradient(90deg,#e2e8f0 1px,#0000 1px),linear-gradient(#e2e8f0 1px,#0000 1px);background-size:24px 24px}.app-detail-interactive-bg-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc}.app-detail-interactive-bg-fixed-white{background:#fff!important}.app-detail-interactive-bg-fixed-light{background:#f8fafc!important}.app-detail-interactive-bg-fixed-dark{background:#1e293b!important}.app-detail-interactive-bg-fixed-black{background:#0f172a!important}.app-detail-interactive-vh-60 .app-detail-interactive-content{justify-content:center;align-items:center;min-height:60vh}.app-detail-interactive-vh-80 .app-detail-interactive-content{justify-content:center;align-items:center;min-height:80vh}.app-detail-interactive-vh-100 .app-detail-interactive-content{justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.app-detail-interactive-py-sm{padding-top:40px!important;padding-bottom:calc(40px + var(--btn-space,0px))!important}.app-detail-interactive-py-md{padding-top:60px!important;padding-bottom:calc(60px + var(--btn-space,0px))!important}.app-detail-interactive-py-lg{padding-top:100px!important;padding-bottom:calc(100px + var(--btn-space,0px))!important}.app-detail-interactive-py-xl{padding-top:120px!important;padding-bottom:calc(120px + var(--btn-space,0px))!important}.app-detail-interactive-py-0{padding-top:0!important;padding-bottom:var(--btn-space,0px)!important}@media (max-width:767px){.app-detail-interactive-py-sm{padding-top:30px!important;padding-bottom:calc(30px + var(--btn-space,0px))!important}.app-detail-interactive-py-md{padding-top:40px!important;padding-bottom:calc(40px + var(--btn-space,0px))!important}.app-detail-interactive-py-lg{padding-top:60px!important;padding-bottom:calc(60px + var(--btn-space,0px))!important}.app-detail-interactive-py-xl{padding-top:80px!important;padding-bottom:calc(80px + var(--btn-space,0px))!important}}.app-detail-page{flex-direction:column;display:flex}.app-detail-interactive{order:10}.app-detail-hero{order:20}.app-detail-tabbed-section{order:30}.app-detail-about{order:40}.app-detail-tutorials-wrapper{order:50}.app-detail-affiliate-hero{order:15}.app-detail-affiliate-after-tabs{order:35}.app-detail-affiliate-footer{order:60}.app-detail-about{color:var(--main-gray-700);background:linear-gradient(#f8fafc 0%,#fafbfc 40% 100%);padding:64px 0 80px;font-size:1rem;line-height:1.7;position:relative}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid;position:relative}.tool-card{height:100%;color:inherit;background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}.tool-card:hover{border-color:#6366f140;box-shadow:0 12px 28px -8px #6366f11f,0 8px 16px -6px #00000014,0 3px 8px #0000000d}.tool-card:hover .tool-title{color:#6366f1}.tool-card:hover .tool-icon-default{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)}.tool-featured-badge{color:#fff;cursor:help;vertical-align:middle;background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;margin-left:6px;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #fb923c40,inset 0 1px #ffffff4d}.tool-card:hover .tool-featured-badge{box-shadow:0 2px 6px #fb923c4d,inset 0 1px #ffffff59}.tool-featured-badge svg{fill:#fff;width:10px;height:10px}.tool-card-header{background:linear-gradient(#fafafa 0%,#fff 100%);border-bottom:1px solid #e2e8f099;align-items:center;gap:16px;padding:24px 24px 20px;display:flex;position:relative;box-shadow:0 1px #fffc}.tool-card:hover .tool-card-header{border-bottom-color:#6366f126}.tool-icon{color:#6366f1;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%) 50%/cover;border:1px solid #6366f126;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;padding:14px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a,0 1px 2px #6366f10f,inset 0 1px #ffffffe6}.tool-icon:has(img){padding:0}.tool-card:hover .tool-icon{color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#6366f140;box-shadow:0 3px 10px #6366f11f,0 1px 3px #6366f114,inset 0 1px #fff}.tool-icon svg{z-index:1;width:100%;max-width:30px;height:100%;max-height:30px;display:block;position:relative}.tool-icon img{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.tool-card-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.tool-title{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;align-items:center;margin:0;font-size:16.5px;font-weight:600;line-height:1.4;transition:color .3s;display:flex;overflow:hidden}.tool-category{color:var(--main-gray-700);background:var(--main-gray-200);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;padding:2px 8px;font-size:10.5px;font-weight:600;transition:all .3s;display:inline-flex;overflow:hidden}.tool-card:hover .tool-category{background:var(--main-primary-50);color:var(--main-primary)}.tool-card-body{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.tool-description{color:#6b7280;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;gap:18px}.tool-card{border-radius:14px}.tool-card-header{gap:14px;padding:18px}.tool-icon{border-radius:12px;width:50px;min-width:50px;height:50px;padding:12px}.tool-icon svg{max-width:26px;max-height:26px}.tool-card-body{gap:12px;padding:16px 18px 18px}.tool-title{font-size:15px}.tool-category{padding:3px 8px;font-size:10px}}@media (max-width:480px){.tool-card{border-radius:12px}.tool-card-header{gap:12px;padding:16px}.tool-icon{border-radius:10px;width:46px;min-width:46px;height:46px;padding:10px}.tool-icon svg{max-width:24px;max-height:24px}.tool-card-body{gap:10px;padding:14px 16px 16px}.tool-title{font-size:14px}.tool-category{padding:2px 8px;font-size:10px}}.app-related-section{background:#fff;padding:72px 0 88px;position:relative;overflow:hidden;box-shadow:inset 0 1px #6366f114,inset 0 -1px #6366f114}.app-related-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10a 0%,#8b5cf608 40%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-15%;right:-8%}.app-related-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf60a 0%,#6366f105 40%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;bottom:-18%;left:-5%}.related-section-title{font-size:2rem;font-weight:var(--main-font-bold);color:#1f2937;text-align:center;z-index:1;letter-spacing:-.02em;margin:0 0 .5rem;position:relative}.related-section-subtitle{color:#6b7280;text-align:center;z-index:1;max-width:600px;margin:0 auto 3.5rem;font-size:1.0625rem;position:relative}.related-apps-more{text-align:center;margin-top:2rem;display:none}.btn-show-more{background:linear-gradient(135deg,var(--main-primary)0%,var(--main-primary-hover)100%);color:#fff;border-radius:var(--main-radius-lg);font-size:var(--main-text-base);font-weight:var(--main-font-semibold);cursor:pointer;transition:all var(--main-transition-slow);border:none;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;box-shadow:0 4px 12px #6366f140,0 1px 3px #6366f126}.btn-show-more:hover{opacity:.9;box-shadow:0 8px 20px #6366f14d,0 2px 6px #6366f133}.btn-show-more:active{opacity:.85}.btn-show-more svg{transition:opacity .3s}.btn-show-more:hover svg{opacity:1}@media (max-width:768px){.app-related-section{padding:48px 0 64px}.related-section-title{margin-bottom:.375rem;font-size:1.5rem}.related-section-subtitle{margin-bottom:2rem;font-size:.938rem}.related-apps-more{display:block}.tool-grid-item-hidden{display:none}}.app-tutorials-section{background:linear-gradient(#fafbfc 0%,#f1f5f9 100%);padding:64px 0 80px;position:relative}.tutorials-section-title{font-size:2rem;font-weight:var(--main-font-bold);color:#1f2937;text-align:center;z-index:1;letter-spacing:-.02em;margin:0 0 .5rem;position:relative}.tutorials-section-subtitle{color:#6b7280;text-align:center;z-index:1;max-width:600px;margin:0 auto 3.5rem;font-size:1.0625rem;position:relative}.tutorials-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid;position:relative}.tutorial-card{border-radius:var(--main-radius-xl);background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.tutorial-card:hover{box-shadow:0 10px 25px #0000001f,0 4px 10px #00000014}.tutorial-card-link{color:inherit;text-decoration:none;display:block}.tutorial-card-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding-top:56.25%;position:relative;overflow:hidden}.tutorial-card-image picture{width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-card-image img{object-fit:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.tutorial-card:hover .tutorial-card-image img{opacity:.95}.tutorial-card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--main-radius);font-size:var(--main-text-xs);font-weight:var(--main-font-semibold);color:var(--main-primary);background:#fffffff2;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001a}.tutorial-card-badge svg{width:14px;height:14px}.tutorial-card-content{flex-direction:column;gap:12px;padding:20px;display:flex}.tutorial-card-title{font-size:1.125rem;font-weight:var(--main-font-bold);color:var(--main-gray-900);letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.tutorial-card:hover .tutorial-card-title{color:var(--main-primary)}.tutorial-card-excerpt{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.938rem;line-height:1.6;display:-webkit-box;overflow:hidden}.tutorial-card-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.tutorial-card-meta{color:#6b7280;font-size:.813rem;font-weight:var(--main-font-medium);align-items:center;gap:6px;display:flex}.tutorial-card-meta svg{opacity:.7;width:14px;height:14px}.tutorial-card-arrow{border-radius:var(--main-radius);color:#6b7280;width:32px;height:32px;transition:all var(--main-transition-slow);background:#f3f4f6;justify-content:center;align-items:center;display:flex}.tutorial-card:hover .tutorial-card-arrow{background:var(--main-primary);color:#fff}.tutorial-card-arrow svg{width:16px;height:16px}.tutorials-view-all{text-align:center;margin-top:2.5rem}.btn-view-all-tutorials{background:linear-gradient(135deg,var(--main-primary)0%,var(--main-primary-hover)100%);color:#fff;border-radius:var(--main-radius-lg);font-size:var(--main-text-base);font-weight:var(--main-font-semibold);cursor:pointer;transition:all var(--main-transition-slow);border:none;align-items:center;gap:8px;padding:12px 28px;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #6366f140,0 1px 3px #6366f126}.btn-view-all-tutorials:hover{color:#fff;text-decoration:none;box-shadow:0 8px 20px #6366f14d,0 2px 6px #6366f133}.btn-view-all-tutorials:active{opacity:.9}.btn-view-all-tutorials svg{transition:opacity .3s}.btn-view-all-tutorials:hover svg{opacity:.9}.tutorials-more{text-align:center;margin-top:2rem;display:none}.btn-show-more-tutorials{background:linear-gradient(135deg,var(--main-primary)0%,var(--main-primary-hover)100%);color:#fff;border-radius:var(--main-radius-lg);font-size:var(--main-text-base);font-weight:var(--main-font-semibold);cursor:pointer;transition:all var(--main-transition-slow);border:none;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;box-shadow:0 4px 12px #6366f140,0 1px 3px #6366f126}.btn-show-more-tutorials:hover{box-shadow:0 8px 20px #6366f14d,0 2px 6px #6366f133}.btn-show-more-tutorials:active{opacity:.9}.btn-show-more-tutorials svg{transition:opacity .3s}.btn-show-more-tutorials:hover svg{opacity:1}@media (max-width:991px){.tutorials-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (max-width:768px){.app-tutorials-section{padding:48px 0 64px}.tutorials-section-title{margin-bottom:.375rem;font-size:1.5rem}.tutorials-section-subtitle{margin-bottom:2rem;font-size:.938rem}.tutorials-grid{grid-template-columns:1fr;gap:16px}.tutorials-more{display:block}.tutorial-card-hidden{display:none}}@media (max-width:576px){.tutorial-card-content{padding:16px}.tutorial-card-title{font-size:1rem}.tutorial-card-excerpt{font-size:.875rem}}.app-detail-tabbed-section{background:#f8fafc;padding:3.5rem 0 5rem;position:relative}.tabbed-section-nav{gap:var(--main-space-3);margin-bottom:var(--main-space-8);flex-wrap:wrap;justify-content:center;display:flex}.tab-nav-btn{align-items:center;gap:var(--main-space-2);background:var(--main-bg-primary);border-radius:var(--main-radius-lg);color:var(--main-text-muted);font-size:var(--main-text-base);font-weight:var(--main-font-semibold);cursor:pointer;transition:all var(--main-transition);border:2px solid;padding:14px 28px;display:flex;position:relative;overflow:hidden}.tab-nav-btn:before{content:"";background:linear-gradient(135deg,var(--main-info)0%,var(--main-primary)100%);opacity:0;transition:opacity var(--main-transition);z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.tab-nav-btn svg,.tab-nav-btn span,.tab-nav-btn .tab-badge{z-index:1;transition:var(--main-transition);position:relative}.tab-nav-btn svg{flex-shrink:0}.tab-nav-btn:hover{border-color:var(--main-info);color:var(--main-info);box-shadow:0 4px 12px #3b82f626}.tab-nav-btn.active{border-color:var(--main-info);color:var(--main-bg-primary);box-shadow:0 4px 16px #3b82f64d,0 0 0 4px #3b82f61a}.tab-nav-btn.active:before{opacity:1}.tab-badge{min-width:26px;height:24px;padding:0 var(--main-space-2);background:var(--main-gray-100);color:var(--main-text-muted);font-size:var(--main-text-xs);font-weight:var(--main-font-bold);border-radius:var(--main-radius-lg);transition:var(--main-transition);justify-content:center;align-items:center;display:inline-flex}.tab-nav-btn.active .tab-badge{color:var(--main-bg-primary);background:#ffffff40}.tabbed-section-content{position:relative}.tab-pane{animation:.4s tabFadeIn;display:none}.tab-pane.active{display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.related-apps-subtitle{font-size:var(--main-text-lg);color:var(--main-text-muted);text-align:center;margin:0 auto var(--main-space-12);max-width:600px;line-height:var(--main-leading-relaxed)}.tab-empty-state{text-align:center;padding:5rem var(--main-space-5);color:var(--main-text-muted)}.tab-empty-state svg{margin-bottom:var(--main-space-6);opacity:.4;color:var(--main-gray-300)}.tab-empty-state p{font-size:var(--main-text-lg);color:var(--main-text-muted);line-height:var(--main-leading-relaxed);margin:0}.tab-pane .comments-section{background:0 0;padding:0}.tab-pane .comments-header{display:none}@media (max-width:768px){.app-detail-tabbed-section{padding:2.5rem 0 3.5rem}.tabbed-section-nav{gap:var(--main-space-2);margin-bottom:var(--main-space-8);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.tabbed-section-nav::-webkit-scrollbar{display:none}.tab-nav-btn{flex-shrink:0;min-width:auto;max-width:160px;padding:10px 14px}.tab-nav-btn svg{flex-shrink:0;width:18px;height:18px}.tab-nav-text{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:var(--main-text-sm);display:inline-block;overflow:hidden}.related-apps-subtitle{font-size:var(--main-text-base);margin-bottom:var(--main-space-10)}.tab-empty-state{padding:4rem var(--main-space-5)}.tab-empty-state svg{width:48px;height:48px}.tab-empty-state p{font-size:var(--main-text-base)}}@media (max-width:480px){.tab-nav-btn{max-width:140px;padding:8px 12px}.tab-nav-btn svg{width:16px;height:16px}.tab-nav-text{max-width:80px;font-size:var(--main-text-xs)}}.affiliate-link-box{background:var(--main-gradient-primary);border-radius:var(--main-radius-xl);box-shadow:var(--main-shadow),0 0 0 1px #ffffff1a inset;margin-bottom:var(--main-space-10);position:relative;overflow:hidden}.affiliate-link-box:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}.affiliate-link-box-content{padding:var(--main-space-6);position:relative}.affiliate-link-box-row{justify-content:space-between;align-items:center;gap:var(--main-space-6);display:flex}.affiliate-link-box-header{align-items:center;gap:var(--main-space-4);flex:1;display:flex}.affiliate-icon-wrapper{border-radius:var(--main-radius-full);color:#fff;background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 20px #fff3}.affiliate-link-box-title{font-size:var(--main-text-lg);font-weight:var(--main-font-semibold);color:#fff;margin:0 0 var(--main-space-1)0}.affiliate-link-box-description{font-size:var(--main-text-sm);color:#ffffffd9;margin:0}.affiliate-link-box-button{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3)var(--main-space-5);color:var(--main-primary);border-radius:var(--main-radius-full);font-weight:var(--main-font-semibold);font-size:var(--main-text-sm);transition:box-shadow var(--main-transition);white-space:nowrap;background:#fff;flex-shrink:0;text-decoration:none;display:inline-flex}.affiliate-link-box-button:hover{color:var(--main-primary);box-shadow:0 4px 20px #0003}.app-detail-affiliate-hero,.app-detail-affiliate-after-tabs,.app-detail-affiliate-footer{padding:var(--main-space-8)0}.app-detail-affiliate-hero .affiliate-link-box,.app-detail-affiliate-after-tabs .affiliate-link-box,.app-detail-affiliate-footer .affiliate-link-box{margin-bottom:0}@media (max-width:768px){.affiliate-link-box-content{padding:var(--main-space-5)}.affiliate-link-box-row{gap:var(--main-space-4);flex-direction:column}.affiliate-link-box-button{justify-content:center;width:100%}.affiliate-link-box-header{text-align:center;flex-direction:column}.affiliate-icon-wrapper{width:48px;height:48px}}