/* IP22 homepage 2.0. Presentation only; existing tools keep their handlers. */
:root{--home-bg:#0b0b0f;--home-panel:#15151c;--home-line:#30303b;--home-ink:#f3f2f6;--home-muted:#a2a0af;--home-red:#ff5365}
html[data-theme="light"]{--home-bg:#f7f7fa;--home-panel:#fff;--home-line:#e3e0e8;--home-ink:#24212b;--home-muted:#716b7b;--home-red:#cf3e53}
html body{background:var(--home-bg)!important;color:var(--home-ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
body>.hero.hero-compact{padding:38px 0 32px!important;background:radial-gradient(ellipse at 15% 0,#ff536510,transparent 58%),var(--home-bg)!important}
body .hero-compact .hero-compact-inner{gap:32px;align-items:center;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.1fr)}
body .hero-compact .pill{border-color:#ff536542;background:#ff53650c;color:var(--home-red);letter-spacing:.3px;font-size:11px;padding:6px 11px}
body .hero-compact .hero-brand{font-size:58px;letter-spacing:-3px}
body .hero-compact .hero-brand b{color:var(--home-red)}
body .hero-compact .hero-slogan{font-size:25px;letter-spacing:-.5px}
body .hero-compact .hero-desc{color:var(--home-muted)!important;font-size:12px;line-height:1.8}
body .hero-compact .hero-auth-row>a:not(.hero-auth-register){color:var(--home-muted)!important}
html[data-theme="light"] body .hero-compact .member-benefits-trigger{color:#8f681d!important;border-color:#b28a3d!important;background:#fffaf0!important}
body .hero-compact .site-search-compact{gap:10px}
body .hero-compact .site-search-compact input{height:46px!important;border-radius:12px!important;background:var(--home-panel)!important;border:1px solid var(--home-line)!important;color:var(--home-ink)!important;padding:0 15px!important}
body .hero-compact .site-search-compact button{height:46px!important;background:#f44759!important;border-radius:12px!important;border:0!important;font-weight:700}
body .hero-compact .quick-nav{gap:7px;margin-top:12px}
body .hero-compact .quick-nav button{background:var(--home-panel)!important;border-color:var(--home-line)!important;color:var(--home-muted)!important;height:33px;font-size:11px}
body .hero-compact .quick-nav button:hover{color:var(--home-red)!important;border-color:#ff536570!important}
body #tools-section{padding-top:14px;padding-bottom:6px}
body #tools-section .home-section-head{margin-bottom:18px;align-items:center}
body #tools-section .home-section-head h2,body #services .proxy-section-heading-main h2{font-size:23px!important;line-height:1.5;font-weight:800;letter-spacing:.2px;margin:0}
body #tools-section .section-mark{font-size:23px;color:var(--home-red)}
body #tools-section .section-caption,body #tools-section .section-note{font-size:11px;color:var(--home-muted)}
body #tools-section .hot-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body #tools-section .hot-tool{min-height:185px;padding:22px;border-radius:18px;border-color:#8d4050;background:radial-gradient(ellipse at 0 0,#ff536514,transparent 75%),var(--home-panel);box-shadow:inset 0 1px 0 #ff536538}
body #tools-section .hot-tool-workbench{background:radial-gradient(ellipse at 100% 0,#ff53651c,transparent 75%),var(--home-panel);border-color:#b55064}
body #tools-section .hot-icon{width:38px;height:38px;border-radius:11px;margin-bottom:12px}
body #tools-section .hot-tool-title{font-size:17px;color:var(--home-ink)}
body #tools-section .hot-tool-desc{font-size:12px;line-height:1.85;color:var(--home-muted);margin-bottom:15px}
body #tools-section .hot-tool-go{min-height:37px;font-size:11px;border-radius:9px;background:#ff536514;border-color:#ff536543}
body #tools-section .home-tools-coming-card{padding:18px 22px;border-radius:16px;background:var(--home-panel);border-color:var(--home-line)}
body #tools-section .home-tools-coming-card h3{font-size:14px;color:var(--home-ink)}
body #tools-section .home-tools-coming-card p{font-size:11px;line-height:1.9;color:var(--home-muted)}
body #tools-section .home-tools-coming-actions button{min-height:36px;font-size:11px}
body #services.proxy-section{padding-top:46px;padding-bottom:24px}
body #services .proxy-section-head{margin-bottom:20px;gap:18px}
body #services .proxy-section-heading-main h2{display:flex;align-items:center;gap:10px}
body #services .proxy-section-heading-main h2::before{content:"";width:5px;height:21px;border-radius:3px;background:var(--home-red);flex:none}
body #services .proxy-section-heading-main .sub{color:var(--home-muted)!important;font-size:12px;line-height:1.9;margin-top:8px}
body #services .proxy-section-meta-row{gap:12px;align-items:center}
body #services .retail-price-notice-inline{font-size:11px;line-height:1.8;background:#ff53650a;border-color:#ff536535;color:var(--home-muted);border-radius:10px;padding:9px 12px}
body #services .proxy-view-all{min-height:36px;font-size:11px;border-radius:9px;background:#ff53650b;border-color:#ff536539;color:var(--home-red)}
body #services #proxyGrid{gap:16px}
body #services #proxyGrid .proxy-card{display:flex;flex-direction:column;min-width:0;padding:20px;border-radius:17px;border:1px solid var(--home-line)!important;background:var(--home-panel)!important;box-shadow:none!important;transition:border-color .18s,transform .18s}
body #services #proxyGrid .proxy-card:hover{border-color:#9a4959!important;transform:translateY(-3px)}
body #services #proxyGrid .proxy-top{gap:11px;align-items:center;min-width:0}
body #services #proxyGrid .proxy-logo{width:43px;height:43px;border-radius:12px}
body #services #proxyGrid .proxy-titlebox{min-width:0}
body #services #proxyGrid h3{font-size:15px;line-height:1.8;color:var(--home-ink);margin:0;overflow-wrap:anywhere}
body #services #proxyGrid .recommend{font-size:9px;white-space:nowrap;background:#ff536512;border-color:#ff536537;color:var(--home-red)}
body #services #proxyGrid .proxy-price{font-size:11px;margin-top:3px}
body #services #proxyGrid .proxy-card>p{font-size:12px;line-height:1.9;color:var(--home-muted)!important;margin:15px 0 12px;flex:1}
body #services #proxyGrid .proxy-tags{gap:5px;flex-wrap:wrap}
body #services #proxyGrid .proxy-tags span{font-size:10px;border-radius:6px;padding:3px 6px}
body #services #proxyGrid .proxy-promo{font-size:11px;line-height:1.7;padding:9px 10px;border-radius:9px;margin-top:12px;margin-bottom:12px}
body #services #proxyGrid .proxy-actions{gap:8px;align-items:stretch}
body #services #proxyGrid .proxy-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 9px;border-radius:9px;font-size:11px;line-height:1.6;text-align:center;text-decoration:none;overflow-wrap:anywhere}
body #services #proxyGrid .register-btn{background:#f44759!important;border-color:#f44759!important;color:#fff!important}
body #services #proxyGrid .detail-btn{background:transparent!important;border-color:var(--home-line)!important;color:var(--home-muted)!important}
body #services #router-section{padding-top:44px}
body #ip22ToolSidebar{background:var(--home-panel)!important;border-color:var(--home-line)!important;box-shadow:0 20px 50px #00000018!important;border-radius:17px!important}
body #ip22ToolSidebar .sidebar-brand{color:var(--home-ink)}
body #ip22ToolSidebar .sidebar-tool-grid button{background:var(--home-bg)!important;border-color:var(--home-line)!important;color:var(--home-ink)!important;border-radius:9px!important}
body #ip22ToolSidebar .sidebar-router{background:#ff53650c!important;border-color:#ff53653a!important}
body #ip22ToolSidebar .sidebar-group-title{color:var(--home-muted)!important}
body footer{border-color:var(--home-line)!important;color:var(--home-muted)!important;font-size:12px;line-height:1.9;padding-top:30px}
body .hero-compact button:focus-visible,body #tools-section button:focus-visible,body #proxyGrid a:focus-visible{outline:2px solid var(--home-red);outline-offset:4px}
@media(max-width:1100px){body .hero-compact .hero-compact-inner{grid-template-columns:1fr;gap:20px}body .hero-compact .hero-auth-row{justify-content:flex-start!important}body #services #proxyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body>.hero.hero-compact{padding:25px 0 22px!important}body .hero-compact .hero-brand{font-size:46px!important}body .hero-compact .hero-slogan{font-size:22px!important}body .hero-compact .hero-auth-row{margin:15px 0 12px!important}body .hero-compact .quick-nav button{font-size:10px;padding:0 10px}body #tools-section .home-section-head h2,body #services .proxy-section-heading-main h2{font-size:21px!important}body #tools-section .hot-tool{min-height:194px;padding:17px 15px;border-radius:15px}body #tools-section .hot-tool-title{font-size:15px}body #tools-section .hot-tool-desc{font-size:11px}body #tools-section .hot-tool-grid{gap:11px}body #tools-section .home-tools-coming-card{padding:17px 15px}body #services.proxy-section{padding-top:34px}body #services #proxyGrid{grid-template-columns:1fr;gap:13px}body #services #proxyGrid .proxy-card{padding:19px}body #services #proxyGrid .proxy-card>p{margin:12px 0 10px}body #services #proxyGrid h3{font-size:16px}body #services .proxy-section-meta-row{align-items:flex-start}body #services .retail-price-notice-inline{font-size:11px;max-width:100%}body #services #router-section{padding-top:34px}body footer{padding-bottom:85px}}
@media(max-width:360px){body #tools-section .hot-tool-grid{grid-template-columns:1fr}body #tools-section .hot-tool{min-height:180px}body #tools-section .hot-tool-title{font-size:16px}body .hero-compact .hero-slogan{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){body #tools-section .hot-tool,body #services #proxyGrid .proxy-card{transition:none}body #tools-section .hot-tool:hover,body #services #proxyGrid .proxy-card:hover{transform:none}}