.hub-page-ui{--hub-ink:#173451;--hub-blue:#245dcc;--hub-border:#dbe5ef;--hub-soft:#f3f7fc;color:var(--hub-ink)}.hub-page-ui .hero{text-align:left;background:var(--hub-soft);border-bottom:1px solid var(--hub-border);padding:28px 0 30px}.hub-page-ui .hero .container{max-width:960px}.hub-page-ui .breadcrumbs{flex-wrap:wrap;margin-bottom:22px;font-size:.85rem}.hub-page-ui .eyebrow{color:var(--hub-blue);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.hub-page-ui h1{letter-spacing:-.035em;color:var(--hub-ink);margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);line-height:1.16}.hub-page-ui[lang=zh] h1,:lang(zh) .hub-page-ui h1{word-break:keep-all;overflow-wrap:anywhere}.hub-page-ui .hero p:not(.eyebrow){color:#506378;max-width:760px;margin:0;font-size:1.05rem;line-height:1.7}.hub-page-ui .hub-trust-row{flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;font-size:.8rem;font-weight:600;list-style:none;display:flex}.hub-page-ui .hub-trust-row li{align-items:center;gap:7px;display:flex}.hub-page-ui .hub-trust-row li:before{content:"";background:var(--hub-blue);border-radius:50%;width:5px;height:5px}.hub-page-ui .hub-category-nav{flex-wrap:wrap;gap:10px;padding-top:24px;padding-bottom:0;display:flex}.hub-page-ui .hub-category-nav a{border:1px solid var(--hub-border);color:var(--hub-ink);background:#fff;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:650;text-decoration:none}.hub-page-ui .section{padding:36px 0;scroll-margin-top:24px}.hub-page-ui .section:nth-of-type(2n+3){background:#f8fafd}.hub-page-ui .section-heading{flex-direction:row;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hub-page-ui .section-heading>div{flex:1;min-width:0}.hub-page-ui h2{letter-spacing:-.02em;color:var(--hub-ink);overflow-wrap:anywhere;margin:0 0 18px;font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.3}.hub-page-ui .section-heading h2{margin:0}.hub-page-ui .text-link{color:var(--hub-blue);font-size:.9rem;font-weight:650}.hub-page-ui .category-intro{max-width:760px;margin-bottom:22px}.hub-page-ui .home-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;display:grid}.hub-page-ui .home-tools:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.hub-page-ui .tool-link{border:1px solid var(--hub-border);min-height:190px;color:var(--hub-ink);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;padding:22px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 5px #17345108}.hub-page-ui .tool-link:after,.hub-page-ui .related a:after{content:"→";color:var(--hub-blue);position:absolute;top:22px;right:20px}.hub-page-ui .tool-link h3{overflow-wrap:anywhere;margin:14px 0 8px;font-size:1.02rem;line-height:1.4}.hub-page-ui .tool-link p{color:#596c7e;margin:0;font-size:.88rem;line-height:1.65}.hub-page-ui .hub-icon{width:42px;height:42px;color:var(--hub-blue);background:#eaf1fc;border-radius:11px;flex:none;padding:9px}.hub-page-ui .hub-file-icon{border-radius:8px;width:34px;height:34px;padding:6px}.hub-page-ui .section:nth-of-type(3) .section-heading>.hub-icon{transform:scaleX(-1)}.hub-page-ui .prose-block{line-height:1.8}.hub-page-ui .prose-block p{max-width:760px;margin:16px 0}.hub-page-ui .category-intro p{margin:0}.hub-page-ui .prose-block h2:not(:first-child){margin-top:38px}.hub-page-ui .prose-block a{color:var(--hub-blue);text-underline-offset:3px}.hub-page-ui .comparison-table{font-size:.9rem}.hub-page-ui .faq details{border:1px solid var(--hub-border);background:#fff;border-radius:12px;margin:12px 0;padding:0;overflow:hidden}.hub-page-ui .faq summary{cursor:pointer;padding:20px 52px 20px 22px;font-weight:650;line-height:1.5;list-style:none;position:relative}.hub-page-ui .faq summary::-webkit-details-marker{display:none}.hub-page-ui .faq summary:after{content:"+";color:var(--hub-blue);position:absolute;right:22px}.hub-page-ui .faq details[open] summary:after{content:"−"}.hub-page-ui .faq details[open]{border-color:#a6c1ef}.hub-page-ui .faq details p{color:#506378;max-width:800px;margin:0;padding:0 22px 22px;line-height:1.75}.hub-page-ui .related{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hub-page-ui .related a{border:1px solid var(--hub-border);color:var(--hub-ink);overflow-wrap:anywhere;background:#fff;border-radius:12px;padding:18px 46px 18px 18px;font-weight:650;text-decoration:none;display:block;position:relative}.hub-page-ui .related a:after{top:17px;right:18px}.hub-page-ui .tool-link:hover,.hub-page-ui .related a:hover,.hub-page-ui .hub-category-nav a:hover{border-color:#82a8eb;box-shadow:0 4px 12px #17345112}.hub-page-ui a:focus-visible,.hub-page-ui summary:focus-visible{outline:3px solid var(--hub-blue);outline-offset:4px}@media (width<=900px){.hub-page-ui .home-tools,.hub-page-ui .related{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-page-ui .section-heading{flex-wrap:wrap}.hub-page-ui .section-heading>.text-link{flex-basis:100%;margin-left:58px}}@media (width<=600px){.hub-page-ui .hero{padding:20px 0 24px}.hub-page-ui .breadcrumbs{margin-bottom:18px}.hub-page-ui h1{margin-bottom:12px;font-size:2rem}.hub-page-ui .hero p:not(.eyebrow){font-size:.9rem;line-height:1.6}.hub-page-ui .hub-trust-row{gap:8px 14px;margin-top:16px;font-size:.75rem}.hub-page-ui .hub-category-nav{gap:8px;padding-top:18px}.hub-page-ui .hub-category-nav a{padding:6px 13px;font-size:.8rem}.hub-page-ui .section{padding:24px 0}.hub-page-ui .home-tools,.hub-page-ui .home-tools:has(>:nth-child(2):last-child),.hub-page-ui .related{grid-template-columns:minmax(0,1fr)}.hub-page-ui .tool-link{min-height:164px;padding:20px}.hub-page-ui .section-heading{gap:12px;margin-bottom:14px}.hub-page-ui .category-intro{margin-bottom:16px;font-size:.94rem;line-height:1.65}.hub-page-ui .section-heading>.text-link{margin-left:54px}.hub-page-ui .faq summary{padding:18px 44px 18px 18px}.hub-page-ui .faq details p{padding:0 18px 18px}}@media (prefers-reduced-motion:reduce){.hub-page-ui .tool-link{transition:none}}