.app-layout{background:#f8fafc}.app-layout,.main-content{display:flex;min-height:100vh}.main-content{flex:1;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);flex-direction:column}.main-content.sidebar-collapsed{margin-left:0;padding-left:0}.top-navbar{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.main-content.sidebar-collapsed .top-navbar{padding-left:1rem}.nav-left{display:flex;align-items:center;gap:1rem}.mobile-menu-container{display:block}.page-title-section{display:flex;align-items:center;gap:.75rem;cursor:pointer}.page-logo{border-radius:8px;transition:all .3s ease}.page-logo:hover{transform:scale(1.05)}.page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.page-subtitle{color:#64748b;margin:0;font-size:.875rem}.nav-right{display:flex;align-items:center;gap:1rem}.content-wrapper{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem}.main-content.sidebar-collapsed .content-wrapper{padding-left:1rem}.tools-grid{gap:1.5rem}.tool-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;border:1px solid transparent;content-visibility:auto;contain-intrinsic-size:320px 360px}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15);border-color:#3b82f6}.tool-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.tool-icon{font-size:2.5rem;flex-shrink:0}.tool-name{flex:1;font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.tool-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.tool-footer{display:flex;justify-content:space-between;align-items:center}.tool-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tool-tag{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.tool-meta{color:#94a3b8;font-size:.75rem;min-height:1.25rem;line-height:1.25rem;contain:layout style}.empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.empty-description{color:#64748b;margin:0}.category-header{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.category-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.category-subtitle{color:#64748b;font-size:.875rem;margin:0}.technical-intro-section{margin-bottom:0;padding-bottom:0;border:none}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:0;padding:0;border:none}.homepage-promotion-slot{margin:0}.recommendation-banner{min-height:220px;display:grid;grid-template-columns:minmax(0,55fr) minmax(320px,45fr);overflow:hidden;position:relative;color:#181816;background:#f4f1ea;border:1px solid rgba(24,24,22,.14);border-radius:18px;box-shadow:0 12px 34px rgba(24,24,22,.09);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;isolation:isolate}.recommendation-banner:hover{color:#181816;border-color:rgba(240,82,62,.52);box-shadow:0 18px 42px rgba(24,24,22,.14);transform:translateY(-2px)}.recommendation-banner:focus-visible{outline:3px solid #f0523e;outline-offset:3px}.recommendation-banner-copy{z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 32px 26px}.recommendation-banner-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.recommendation-banner-label{color:#f0523e}.recommendation-banner-platform{color:#6d6962}.recommendation-banner-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.recommendation-banner-logo{width:52px;height:52px;flex:0 0 auto;border-radius:13px;box-shadow:0 8px 18px rgba(240,82,62,.2)}.recommendation-banner-brand>div{display:flex;flex-direction:column;gap:1px}.recommendation-banner-brand strong{color:#181816;font-size:18px;line-height:1.2}.recommendation-banner-brand span{color:#6d6962;font-size:12px;font-weight:600}.recommendation-banner h3{max-width:680px;margin:0;color:#181816;font-family:Georgia,Songti SC,STSong,serif;font-size:clamp(25px,2.2vw,38px);font-weight:700;line-height:1.13;letter-spacing:-.025em}.recommendation-banner p{max-width:650px;margin:10px 0 17px;color:#5f5b55;font-size:14px;line-height:1.55}.recommendation-banner-cta{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;color:#ffffff;background:#f0523e;border-radius:999px;font-size:13px;font-weight:800;transition:background-color .2s ease,transform .2s ease}.recommendation-banner:hover .recommendation-banner-cta{background:#d94332;transform:translateX(2px)}.recommendation-banner-visual{min-height:220px;position:relative;overflow:hidden;background:#dcefeb}.recommendation-banner-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f1ea,rgba(244,241,234,.22) 18%,transparent 48%);pointer-events:none}.recommendation-banner-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .5s ease}.recommendation-banner:hover .recommendation-banner-image{transform:scale(1.025)}.hot-tools-section{margin-bottom:2rem}.hot-tools-section .section-header{margin-bottom:1.5rem;text-align:center}.hot-tools-section .section-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hot-tools-section .section-subtitle{font-size:1rem;color:#6b7280;margin:0}.tool-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:white;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.hot-tools-page .tool-card{position:relative;transition:all .3s ease}.hot-tools-page .tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.hot-tools-page .tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hot-tools-page .tool-header .flex{display:flex;align-items:center;gap:12px}.hot-tools-page .tool-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.hot-tools-page .tool-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 16px}.hot-tools-page .tool-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6}.hot-tools-page .tool-tags{display:flex;gap:6px;flex-wrap:wrap}.hot-tools-page .tool-tag{display:inline-block;padding:2px 8px;background:#f3f4f6;color:#6b7280;border-radius:12px;font-size:.75rem;font-weight:500}.hot-tools-page .tool-meta{display:flex;align-items:center;gap:4px}.hot-tools-page .favorite-btn{color:#9ca3af;transition:color .2s ease}.hot-tools-page .favorite-btn:hover{color:#fbbf24}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.mobile-menu-btn:hover{background-color:rgba(0,0,0,.05)}.menu-icon{display:flex;align-items:center;justify-content:center}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:999;backdrop-filter:blur(2px);cursor:pointer;touch-action:manipulation;opacity:1;transition:opacity .3s ease}@media (max-width:768px){.main-content{position:relative;z-index:1;transition:none}.main-content,.main-content.sidebar-collapsed{margin-left:0!important;width:100%!important}.content-wrapper{padding:1rem}.recommendation-banner,.tools-grid{grid-template-columns:1fr}.recommendation-banner{min-height:0;border-radius:15px}.recommendation-banner-copy{padding:21px 20px 23px}.recommendation-banner-topline{margin-bottom:12px}.recommendation-banner-brand{margin-bottom:13px}.recommendation-banner-logo{width:46px;height:46px;border-radius:12px}.recommendation-banner h3{font-size:clamp(25px,8vw,32px)}.recommendation-banner p{margin-bottom:16px}.recommendation-banner-visual{min-height:0;aspect-ratio:16/9}.recommendation-banner-visual:after{background:linear-gradient(180deg,#f4f1ea,rgba(244,241,234,.08) 20%,transparent 48%)}.top-navbar{padding:1rem;justify-content:space-between;gap:1rem}.nav-left,.top-navbar{position:relative;display:flex;align-items:center}.nav-left{gap:12px;flex:1;min-width:0;z-index:1000}.page-title-section{flex:1;min-width:0;overflow:hidden}.page-title{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-right{flex-shrink:0}.mobile-menu-container{display:block}}.app-layout:has(.home-hero-section){--home-ink:#17251f;--home-muted:#68766e;--home-accent:#176b52;--home-line:#e6e9df;background:#f7f7f1;color:var(--home-ink)}.app-layout:has(.home-hero-section) .main-content{background:radial-gradient(ellipse at 78% 6%,rgba(236,180,93,.12),transparent 29rem),#f7f7f1}.app-layout:has(.home-hero-section) .top-navbar{min-height:76px;padding:1rem clamp(1rem,3vw,2.75rem);background:rgba(247,247,241,.88);border-bottom:1px solid rgba(23,37,31,.08);backdrop-filter:blur(16px)}.app-layout:has(.home-hero-section) .page-title-section{gap:.7rem!important}.app-layout:has(.home-hero-section) .page-logo{width:38px;height:38px;border-radius:12px;box-shadow:0 5px 14px rgba(23,107,82,.16)}.app-layout:has(.home-hero-section) .page-title{color:var(--home-ink)!important;font-size:1.28rem;letter-spacing:-.045em}.app-layout:has(.home-hero-section) .page-subtitle{color:#849087}.app-layout:has(.home-hero-section) .content-wrapper{width:100%;max-width:none;margin-inline:auto;padding:clamp(1rem,2vw,1.75rem) clamp(1rem,1.5vw,1.5rem) 4rem;gap:1.35rem}.app-layout:has(.home-hero-section) .home-hero-section{position:relative;isolation:isolate;overflow:hidden;min-height:280px;margin:0 0 .25rem;padding:clamp(2rem,4vw,3.25rem) 1.5rem;border:1px solid rgba(23,37,31,.08);border-radius:30px;background:linear-gradient(112deg,#edf3e8,#f3f2e7 52%,#f8ead4);box-shadow:0 18px 50px rgba(49,67,51,.07),inset 0 1px rgba(255,255,255,.8)}.app-layout:has(.home-hero-section) .home-hero-section:after,.app-layout:has(.home-hero-section) .home-hero-section:before{position:absolute;z-index:-1;content:"";pointer-events:none;border-radius:50%}.app-layout:has(.home-hero-section) .home-hero-section:before{width:330px;height:330px;right:7%;top:-185px;border:1px solid rgba(23,107,82,.16);box-shadow:0 0 0 28px rgba(23,107,82,.025),0 0 0 58px rgba(23,107,82,.025)}.app-layout:has(.home-hero-section) .home-hero-section:after{width:13px;height:13px;right:18%;bottom:22%;background:#dc9d50;box-shadow:23px -15px 0 -4px #6b9d73,-18px 17px 0 -5px #d9a45a}.app-layout:has(.home-hero-section) .home-main-title{max-width:1100px;min-height:0;margin:0 0 .8rem;color:var(--home-ink);background:none;-webkit-text-fill-color:currentColor;font-size:clamp(2rem,3.4vw,3rem);font-weight:750;letter-spacing:-.065em;line-height:1.08;text-wrap:balance}.app-layout:has(.home-hero-section) .home-main-subtitle{max-width:1020px;min-height:0;color:#65766c;font-size:clamp(.95rem,1.35vw,1.05rem);line-height:1.7;text-wrap:balance}.app-layout:has(.home-hero-section) .home-hero-section .ant-btn-primary{min-height:48px;padding-inline:1.5rem;border:0;border-radius:999px;background:var(--home-accent);box-shadow:0 8px 20px rgba(23,107,82,.2);font-weight:650}.app-layout:has(.home-hero-section) .home-hero-section .ant-btn-primary:hover{background:#10583f!important;transform:translateY(-1px)}.app-layout:has(.home-hero-section) .tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:1rem}.app-layout:has(.home-hero-section) .tool-card{min-height:196px;padding:1.3rem 1.35rem 1.1rem;border:1px solid var(--home-line)!important;border-radius:20px;background:rgba(255,255,252,.9)!important;box-shadow:0 4px 14px rgba(36,49,39,.035)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.app-layout:has(.home-hero-section) .tool-card:hover{transform:translateY(-4px);border-color:rgba(23,107,82,.32)!important;box-shadow:0 14px 28px rgba(36,49,39,.09)!important}.app-layout:has(.home-hero-section) .tool-header{align-items:center;gap:.85rem;margin-bottom:.9rem}.app-layout:has(.home-hero-section) .tool-icon{display:grid;width:48px;height:48px;place-items:center;flex:0 0 48px;border:1px solid rgba(23,107,82,.08);border-radius:15px;background:#edf4e9;font-size:1.75rem}.app-layout:has(.home-hero-section) .tool-name{color:var(--home-ink)!important;font-size:1rem;font-weight:680;letter-spacing:-.02em}.app-layout:has(.home-hero-section) .tool-description{color:var(--home-muted)!important;font-size:.86rem;line-height:1.6}.app-layout:has(.home-hero-section) .tool-tag{border-radius:999px;background:#f1f2eb!important;color:#637168!important}.app-layout:has(.home-hero-section) .favorite-btn{color:#a3aaa1}.app-layout:has(.home-hero-section) .favorite-btn:hover{color:#d69a3a;background:#faf3e4}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo{border-color:rgba(240,82,62,.24)!important;background:linear-gradient(145deg,#fffaf5,#fff4ec)!important}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo:hover{border-color:rgba(240,82,62,.52)!important}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .tool-icon{background:#fff0e9;border-color:rgba(240,82,62,.16);overflow:hidden}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .recommendation-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .tool-header>.flex-1{min-width:0}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .recommendation-card-tagline{margin:0;color:#c84635;font-size:.78rem;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .tool-meta{display:flex;align-items:center;gap:.65rem}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .recommendation-card-appstore{color:#c84635;font-size:.74rem;font-weight:650;white-space:nowrap}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .recommendation-card-appstore:hover{color:#a9362a}.app-layout:has(.home-hero-section) .recommendation-card-logo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .tool-meta a{color:#d94f3d}.app-layout:has(.home-hero-section) .recommendation-card-pixarivo .tool-meta a:hover{color:#b93b2d}.dark .app-layout:has(.home-hero-section){background:#111b17}.dark .app-layout:has(.home-hero-section) .main-content{background:radial-gradient(ellipse at 78% 6%,rgba(218,160,76,.08),transparent 29rem),#111b17}.dark .app-layout:has(.home-hero-section) .top-navbar{background:rgba(17,27,23,.88);border-bottom-color:rgba(229,237,225,.09)}.dark .app-layout:has(.home-hero-section) .page-title{color:#edf2e9!important}.dark .app-layout:has(.home-hero-section) .home-hero-section{background:linear-gradient(112deg,#1e342a,#283329 56%,#3a3022);border-color:rgba(229,237,225,.1)}.dark .app-layout:has(.home-hero-section) .home-main-title{color:#f0f3eb}.dark .app-layout:has(.home-hero-section) .home-main-subtitle{color:#b5c2b6}.dark .app-layout:has(.home-hero-section) .tool-card{background:#1a2821!important;border-color:#2e4036!important}.dark .app-layout:has(.home-hero-section) .tool-name{color:#eef2e9!important}.dark .app-layout:has(.home-hero-section) .tool-description{color:#a6b5a9!important}.dark .app-layout:has(.home-hero-section) .tool-icon{background:#263b30;border-color:#365242}.dark .app-layout:has(.home-hero-section) .tool-tag{background:#26362d!important;color:#b6c6b8!important}.dark .app-layout:has(.home-hero-section) .recommendation-card-pixarivo{background:linear-gradient(145deg,#342a26,#2d2522)!important;border-color:rgba(240,115,91,.35)!important}.dark .app-layout:has(.home-hero-section) .recommendation-card-pixarivo .tool-icon{background:#49332d;border-color:rgba(240,115,91,.25)}.dark .app-layout:has(.home-hero-section) .recommendation-card-pixarivo .recommendation-card-tagline{color:#ff9a83}.dark .app-layout:has(.home-hero-section) .recommendation-card-pixarivo .recommendation-card-appstore{color:#ff9a83}.app-layout:has(.home-hero-section) .app-footer{padding:1.25rem 0 .85rem!important;color:#52635a!important;background:linear-gradient(145deg,#edf2e8,#f5f0e4)!important;border-top:1px solid #e1e7db!important}.app-layout:has(.home-hero-section) .app-footer>div[style]{max-width:1440px!important}.app-layout:has(.home-hero-section) .app-footer-orb{display:none}.app-layout:has(.home-hero-section) .app-footer .footer-ad-slot{max-width:48rem;margin-bottom:1rem!important}.app-layout:has(.home-hero-section) .app-footer .footer-ad-slot>div:not(.adsbygoogle){min-height:180px!important;height:180px!important;border-radius:18px!important;background:rgba(23,107,82,.035)!important;border-color:rgba(23,107,82,.18)!important;color:#839087!important}.app-layout:has(.home-hero-section) .app-footer-about{flex-direction:row!important;justify-content:center;gap:1.5rem;margin-bottom:.85rem!important;text-align:left!important}.app-layout:has(.home-hero-section) .app-footer-about-copy{max-width:760px!important}.app-layout:has(.home-hero-section) .app-footer-title{margin:0 0 .25rem!important;color:#20372c!important;font-size:1.35rem!important}.app-layout:has(.home-hero-section) .app-footer-description{margin:0 0 .65rem!important;color:#68786e!important;font-size:.9rem!important;line-height:1.6!important}.app-layout:has(.home-hero-section) .app-footer-tech{justify-content:flex-start!important;margin-bottom:0!important;padding:0!important;gap:.35rem!important}.app-layout:has(.home-hero-section) .app-footer-tech>div{overflow:hidden;border:1px solid #e0e7dd;border-radius:999px!important;background:#f9faf5!important;color:#68786e!important;font-size:.68rem!important}.app-layout:has(.home-hero-section) .app-footer-tech>div span{background:transparent!important;color:inherit!important;padding:.18rem .42rem!important}.app-layout:has(.home-hero-section) .app-footer-friend-links{margin:.5rem 0!important}.app-layout:has(.home-hero-section) .app-footer-friend-links a{color:#63766a!important}.app-layout:has(.home-hero-section) .app-footer-friend-links a:hover{color:#176b52!important}.app-layout:has(.home-hero-section) .app-footer-copyright{margin-top:.75rem!important;padding-top:.75rem!important;border-top-color:#dce4d8!important}.app-layout:has(.home-hero-section) .app-footer-copyright a,.app-layout:has(.home-hero-section) .app-footer-copyright p{color:#87948a!important;font-size:.78rem!important}.dark .app-layout:has(.home-hero-section) .app-footer{color:#c2cec3!important;background:linear-gradient(145deg,#18251e,#20271f)!important;border-top-color:#304238!important}.dark .app-layout:has(.home-hero-section) .app-footer .footer-ad-slot>div:not(.adsbygoogle){background:rgba(229,237,225,.035)!important;border-color:rgba(229,237,225,.16)!important;color:#a3b0a6!important}.dark .app-layout:has(.home-hero-section) .app-footer-title{color:#edf2e9!important}.dark .app-layout:has(.home-hero-section) .app-footer-description,.dark .app-layout:has(.home-hero-section) .app-footer-friend-links a{color:#a6b5a9!important}.dark .app-layout:has(.home-hero-section) .app-footer-tech>div{background:#202f26!important;border-color:#35473b;color:#b3c0b5!important}.dark .app-layout:has(.home-hero-section) .app-footer-copyright{border-top-color:#35473b!important}@media (max-width:768px){.app-layout:has(.home-hero-section) .app-footer{padding:.9rem 0 .7rem!important}.app-layout:has(.home-hero-section) .app-footer-about{flex-direction:column!important;gap:.5rem;text-align:center!important}.app-layout:has(.home-hero-section) .app-footer-tech{justify-content:center!important}.app-layout:has(.home-hero-section) .app-footer-tech>div:nth-child(n+6){display:none}.app-layout:has(.home-hero-section) .app-footer .footer-ad-slot>div:not(.adsbygoogle){min-height:140px!important;height:140px!important}}@media (max-width:768px){.app-layout:has(.home-hero-section) .top-navbar{min-height:64px}.app-layout:has(.home-hero-section) .content-wrapper{padding:.8rem .85rem 2.5rem;gap:1rem}.app-layout:has(.home-hero-section) .home-hero-section{min-height:270px;padding:2.5rem 1.25rem;border-radius:23px}.app-layout:has(.home-hero-section) .home-main-title{font-size:clamp(2rem,9vw,3rem)}.app-layout:has(.home-hero-section) .home-hero-section:before{right:-130px}.app-layout:has(.home-hero-section) .home-hero-section:after{display:none}.app-layout:has(.home-hero-section) .tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:.75rem}.app-layout:has(.home-hero-section) .tool-card{min-height:180px;padding:1rem;border-radius:17px}}@media (prefers-reduced-motion:reduce){.app-layout:has(.home-hero-section) .home-hero-section .ant-btn-primary,.app-layout:has(.home-hero-section) .tool-card{transition:none}}.tool-page-title-main{flex-wrap:wrap}.tool-guide-header-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:0 0 auto;margin-left:auto;padding:.55rem .8rem;border:1px solid #dce6dc;border-radius:999px;background:rgba(255,255,255,.72);color:#176b52;font-size:.86rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.tool-guide-header-link:hover{transform:translateY(-1px);border-color:#a9c8b4;background:#fff;color:#10583f}.tool-page-title-with-guide{display:flex;align-items:flex-start;gap:1rem}.tool-page-title-with-guide>header{flex:1 1 auto;min-width:0}.tool-page-title-with-guide>.tool-guide-header-link{margin-top:1rem}.dark .tool-guide-header-link{border-color:#35483c;background:#1a2821;color:#a9d7b7}.dark .tool-guide-header-link:hover{border-color:#52745c;background:#22352a;color:#c2e7cc}@media (max-width:640px){.tool-page-title-with-guide{gap:.5rem}.tool-guide-header-link{padding:.45rem .65rem;font-size:.78rem}.tool-page-title-with-guide>.tool-guide-header-link{margin-top:1rem}}@media (min-width:769px){.main-content{margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:0}}.home-hero-section{text-align:center;margin-bottom:0;padding:1rem 0;min-height:140px;flex-direction:column}.home-hero-section,.home-main-title{display:flex;align-items:center;justify-content:center}.home-main-title{font-size:1.875rem;font-weight:700;color:#1a202c;margin-bottom:.75rem;line-height:1.3;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-height:2.5rem}.home-main-subtitle{font-size:1.125rem;color:#64748b;margin-bottom:0;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;min-height:1.75rem;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.home-main-title{font-size:1.5rem}.home-main-subtitle{font-size:1rem;max-width:100%}}