/* Luansui Tools public UI refresh 4.2.0 */
:root{
  --v2-bg:#f7f9fc;
  --v2-surface:#ffffff;
  --v2-line:#e5eaf1;
  --v2-line-strong:#d8e0ea;
  --v2-text:#111827;
  --v2-muted:#667085;
  --v2-blue:#1769e0;
  --v2-blue-soft:#f2f7ff;
}
.site-body{background:var(--v2-bg);color:var(--v2-text)}
.shell{width:min(1280px,calc(100% - 48px))}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--v2-line);backdrop-filter:none;box-shadow:none}
.header-inner{height:72px}
.brand-logo-only{height:46px;max-width:min(300px,38vw)}
.site-logo-image{max-height:44px}
.top-nav{gap:2px}
.top-nav a{padding:24px 16px 22px;border-radius:0;color:#202938;font-size:14px;border-bottom:2px solid transparent;background:transparent!important}
.top-nav a:hover,.top-nav a.active{color:var(--v2-blue);border-bottom-color:var(--v2-blue);background:transparent!important}
.mobile-nav-toggle-v2{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--v2-line);border-radius:6px;background:#fff;color:var(--v2-text);align-items:center;justify-content:center;gap:4px;flex-direction:column}
.mobile-nav-toggle-v2 span{display:block;width:18px;height:1.5px;background:currentColor}

/* Shared section title */
.section-title-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.section-title-v2>div>span{display:block;margin-bottom:5px;color:var(--v2-blue);font-size:12px;font-weight:700}
.section-title-v2 h2{margin:0;font-size:28px;line-height:1.3;letter-spacing:-.02em}
.section-title-v2>p{margin:0;max-width:430px;color:var(--v2-muted);text-align:right}
.section-more-v2{color:var(--v2-blue);font-weight:600;white-space:nowrap}
.section-more-v2:hover{text-decoration:underline}
.tool-icon-v2{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #e3ebf5;background:#f8fbff;border-radius:8px;overflow:hidden}
.tool-icon-v2 img{width:34px;height:34px;object-fit:contain;border-radius:0!important}
.search-icon-v2{position:relative;width:18px;height:18px;flex:0 0 18px;border:1.8px solid #7d8ca1;border-radius:50%}
.search-icon-v2:after{content:"";position:absolute;width:7px;height:1.8px;right:-5px;bottom:-2px;background:#7d8ca1;transform:rotate(45deg);border-radius:2px}

/* Home hero */
.home-hero-v2{background:#fff;border-bottom:1px solid var(--v2-line)}
.home-hero-inner-v2{min-height:480px;padding:76px 0 72px;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:80px}
.home-kicker-v2{display:block;color:var(--v2-blue);font-size:13px;font-weight:700;margin-bottom:15px}
.home-hero-copy-v2 h1{margin:0;font-size:50px;line-height:1.14;letter-spacing:-.04em;font-weight:750;color:#0b1220}
.home-hero-copy-v2>p{max-width:760px;margin:20px 0 28px;color:var(--v2-muted);font-size:16px;line-height:1.8}
.home-search-v2{display:flex;align-items:center;gap:12px;width:min(780px,100%);height:62px;padding:0 8px 0 19px;border:1px solid #ccd7e5;border-radius:8px;background:#fff;box-shadow:0 8px 28px rgba(31,58,92,.07)}
.home-search-v2:focus-within{border-color:#91b8ee;box-shadow:0 0 0 3px rgba(23,105,224,.07)}
.home-search-v2 input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--v2-text)}
.home-search-v2 button{height:46px;padding:0 22px;border:0;border-radius:6px;background:var(--v2-blue);color:#fff;font-weight:700}
.home-search-v2 button:hover{background:#1059c2}
.home-hot-v2{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:15px;color:#7b8798;font-size:12px}
.home-hot-v2 a{color:#4d596a}
.home-hot-v2 a:hover{color:var(--v2-blue)}
.home-hero-stats-v2{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--v2-line);background:#fff}
.home-hero-stats-v2>div{min-height:128px;padding:25px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line)}
.home-hero-stats-v2>div:nth-child(2n){border-right:0}
.home-hero-stats-v2>div:nth-last-child(-n+2){border-bottom:0}
.home-hero-stats-v2 strong{font-size:30px;line-height:1;color:#111827}
.home-hero-stats-v2 span{margin-top:10px;color:var(--v2-muted);font-size:12px}

/* Home sections */
.home-section-v2{padding:68px 0}
.home-popular-v2{background:var(--v2-bg)}
.popular-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.popular-card-v2{min-height:96px;padding:16px;display:flex;align-items:center;gap:13px;border:1px solid var(--v2-line);border-radius:8px;background:#fff;transition:border-color .16s,background .16s}
.popular-card-v2:hover{border-color:#b8d2f4;background:var(--v2-blue-soft)}
.popular-card-v2>span:last-child{min-width:0}
.popular-card-v2 strong{display:block;color:#172033;font-size:14px}
.popular-card-v2 small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:var(--v2-muted);font-size:11px;line-height:1.5}

.home-categories-v2{background:#fff;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line)}
.category-showcase-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.category-box-v2{padding:24px;border:1px solid var(--v2-line);background:#fff}
.category-box-v2:hover{border-color:#b8d2f4}
.category-box-head-v2{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:15px;align-items:center;padding-bottom:19px;border-bottom:1px solid #eef1f5}
.category-icon-v2{display:grid;place-items:center;width:52px;height:52px;border:1px solid #e0e9f4;border-radius:8px;background:#f8fbff;overflow:hidden}
.category-icon-v2 img{width:38px;height:38px;object-fit:contain;border-radius:0!important;box-shadow:none!important}
.category-box-head-v2 h3{margin:0;font-size:18px}
.category-box-head-v2 p{margin:4px 0 0;color:var(--v2-muted);font-size:12px}
.category-box-head-v2 b{display:grid;place-items:center;min-width:36px;height:30px;padding:0 9px;border:1px solid #dce6f2;border-radius:5px;color:#5d6c80;background:#fafcff;font-size:11px}
.category-tool-list-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding:14px 0 12px}
.category-tool-list-v2 a{padding:8px 0;border-bottom:1px dashed #edf0f4;color:#49566a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-tool-list-v2 a:hover{color:var(--v2-blue)}
.category-all-v2{display:inline-flex;align-items:center;gap:7px;margin-top:6px;color:var(--v2-blue);font-size:12px;font-weight:600}

.home-feature-zone-v2{background:var(--v2-bg)}
.feature-zone-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature-zone-v2{padding:28px;border:1px solid var(--v2-line);background:#fff}
.feature-zone-head-v2{padding-bottom:18px;border-bottom:1px solid #edf1f5}
.feature-zone-head-v2>span{color:var(--v2-blue);font-size:12px;font-weight:700}
.feature-zone-head-v2 h2{margin:5px 0 7px;font-size:23px}
.feature-zone-head-v2 p{margin:0;color:var(--v2-muted);font-size:12px}
.feature-links-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:12px 0}
.feature-links-v2>a{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 0;border-bottom:1px solid #eef1f5}
.feature-links-v2>a:hover strong{color:var(--v2-blue)}
.feature-links-v2 img{width:30px;height:30px;object-fit:contain;flex:0 0 30px}
.feature-links-v2 span{min-width:0}
.feature-links-v2 strong{display:block;font-size:13px}
.feature-links-v2 small{display:block;margin-top:2px;color:var(--v2-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature-zone-more-v2{display:inline-block;margin-top:8px;color:var(--v2-blue);font-size:12px;font-weight:600}

.home-trust-v2{padding:30px 0;background:#fff;border-top:1px solid var(--v2-line)}
.trust-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.trust-grid-v2>div{padding:10px 26px;border-right:1px solid var(--v2-line)}
.trust-grid-v2>div:first-child{padding-left:0}.trust-grid-v2>div:last-child{border-right:0}
.trust-grid-v2 strong,.trust-grid-v2 span{display:block}.trust-grid-v2 strong{font-size:14px}.trust-grid-v2 span{margin-top:4px;color:var(--v2-muted);font-size:11px}

/* Catalog */
.catalog-hero-v2{background:#fff;border-bottom:1px solid var(--v2-line)}
.catalog-hero-inner-v2{padding:46px 0 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:46px}
.catalog-hero-inner-v2>div>span{color:var(--v2-blue);font-size:12px;font-weight:700}
.catalog-hero-inner-v2 h1{margin:5px 0 7px;font-size:34px;line-height:1.25}
.catalog-hero-inner-v2 p{margin:0;color:var(--v2-muted)}
.catalog-search-v2{width:min(520px,45vw);height:50px;padding:0 14px;display:flex;align-items:center;gap:11px;border:1px solid #cfd8e4;border-radius:7px;background:#fff}
.catalog-search-v2:focus-within{border-color:#92b8ed;box-shadow:0 0 0 3px rgba(23,105,224,.06)}
.catalog-search-v2 input{min-width:0;flex:1;border:0;outline:0;background:transparent}
.catalog-search-v2 button{border:0;background:transparent;color:var(--v2-blue);font-size:12px}
.catalog-page-v2{padding:32px 0 80px}
.catalog-layout-v2{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.catalog-sidebar-v2{position:sticky;top:92px;border:1px solid var(--v2-line);background:#fff;padding:8px}
.catalog-side-title-v2{padding:10px 11px 12px;color:#929baa;font-size:11px;font-weight:700}
.catalog-filter-v2{width:100%;min-height:42px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#4c596b;text-align:left}
.catalog-filter-v2:hover{background:#f7f9fc;color:#1f2937}
.catalog-filter-v2.active{border-left-color:var(--v2-blue);background:var(--v2-blue-soft);color:var(--v2-blue);font-weight:700}
.catalog-filter-v2 b{color:#98a2b2;font-size:10px;font-weight:600}
.catalog-content-v2{min-width:0}
.catalog-content-head-v2{min-height:60px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalog-content-head-v2 h2{margin:0;font-size:24px}.catalog-content-head-v2 p{margin:3px 0 0;color:var(--v2-muted);font-size:12px}
.catalog-content-head-v2>a{color:#778396;font-size:12px}.catalog-content-head-v2>a:hover{color:var(--v2-blue)}
.catalog-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.catalog-card-v2{min-height:88px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--v2-line);border-radius:7px;background:#fff}
.catalog-card-v2:hover{border-color:#b8d2f4;background:var(--v2-blue-soft)}
.catalog-card-v2>span:last-child{min-width:0}
.catalog-card-v2 strong{display:block;font-size:13px}.catalog-card-v2 small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:var(--v2-muted);font-size:10px;line-height:1.45}
.catalog-card-v2[hidden]{display:none!important}
.catalog-empty-v2{padding:80px 20px;text-align:center;border:1px dashed #cbd5e1;background:#fff}.catalog-empty-v2 strong{font-size:18px}.catalog-empty-v2 p{color:var(--v2-muted)}

/* Tool detail */
.tool-page-v2{padding:24px 0 80px;background:var(--v2-bg)}
.tool-shell-v2{max-width:1180px}
.breadcrumb-v2{margin:0 0 15px;color:#8a95a5}
.breadcrumb-v2 span{color:#c0c7d0}.breadcrumb-v2 b{color:#667085;font-weight:500}
.tool-title-v2{display:flex;align-items:center;gap:16px;padding:24px 0 25px;border-bottom:1px solid var(--v2-line);margin-bottom:18px}
.tool-title-icon-v2{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid #dfe7f1;border-radius:8px;background:#fff}
.tool-title-icon-v2 img{width:46px;height:46px;object-fit:contain;border-radius:0!important;box-shadow:none!important}
.tool-title-v2>div:nth-child(2){min-width:0}
.tool-title-v2>div:nth-child(2)>span{display:block;color:var(--v2-blue);font-size:11px;font-weight:700}
.tool-title-v2 h1{margin:3px 0 4px;font-size:29px;line-height:1.25}
.tool-title-v2 p{margin:0;color:var(--v2-muted);font-size:13px}
.tool-status-v2{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.tool-status-v2 b{padding:6px 9px;border:1px solid #dce5ef;border-radius:5px;background:#fff;color:#667085;font-size:10px;font-weight:600}
.tool-workspace-v2{border-radius:8px!important;box-shadow:none!important;border:1px solid var(--v2-line)!important}
.workspace-top-v2{padding:18px 20px!important;background:#fff!important}
.workspace-top-v2 h2{margin:0!important;font-size:18px!important}.workspace-top-v2 p{margin:4px 0 0;color:var(--v2-muted);font-size:11px}
.workspace-top-v2 .privacy-chip{border-radius:5px;padding:6px 9px}
.tool-workspace-v2 .tool-app{padding:22px}
.tool-help-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.tool-help-v2 article{padding:18px;border:1px solid var(--v2-line);background:#fff}
.tool-help-v2 h2{margin:0 0 7px;font-size:14px}.tool-help-v2 p{margin:0;color:var(--v2-muted);font-size:11px;line-height:1.75}
.related-tools-v2{margin-top:44px}.related-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

/* Footer */
.site-footer{background:#fff;border-top:1px solid var(--v2-line)}
.footer-inner{padding:28px 0}
.footer-brand strong{color:#1f2937}.footer-brand p{max-width:520px;color:#788496}
.footer-links{color:#657184}.footer-meta{color:#8a95a5}

/* Keep inner tools less rounded without changing their functions */
.tool-page-v2 .form-card,.tool-page-v2 .result-card,.tool-page-v2 .upload-zone,.tool-page-v2 textarea,.tool-page-v2 input,.tool-page-v2 select{border-radius:7px}

@media(max-width:1080px){
  .home-hero-inner-v2{grid-template-columns:minmax(0,1fr) 310px;gap:46px}
  .home-hero-copy-v2 h1{font-size:44px}
  .popular-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .home-hero-inner-v2{grid-template-columns:1fr;min-height:0;padding:54px 0}
  .home-hero-stats-v2{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-hero-stats-v2>div{min-height:92px;border-bottom:0!important;border-right:1px solid var(--v2-line)!important}
  .home-hero-stats-v2>div:last-child{border-right:0!important}
  .home-hero-stats-v2 strong{font-size:24px}
  .category-showcase-v2,.feature-zone-grid-v2{grid-template-columns:1fr}
  .catalog-hero-inner-v2{display:block}.catalog-search-v2{width:100%;margin-top:22px}
  .catalog-layout-v2{grid-template-columns:1fr;gap:16px}
  .catalog-sidebar-v2{position:sticky;top:72px;z-index:20;display:flex;overflow:auto;padding:7px;border-left:0;border-right:0}
  .catalog-side-title-v2{display:none}.catalog-filter-v2{width:auto;min-width:max-content;padding:0 13px;border-left:0;border-bottom:2px solid transparent}
  .catalog-filter-v2.active{border-left:0;border-bottom-color:var(--v2-blue)}
}
@media(max-width:760px){
  .shell{width:min(100% - 24px,1280px)}
  .header-inner{height:64px}
  .brand-logo-only{height:42px;max-width:min(220px,65vw)}
  .site-logo-image{max-height:38px}
  .mobile-nav-toggle-v2{display:flex}
  .top-nav{top:64px!important;left:0!important;right:0!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--v2-line)!important;border-radius:0!important;box-shadow:0 12px 28px rgba(19,35,57,.08)!important}
  .top-nav a{padding:12px 10px;border-bottom:0!important;border-left:2px solid transparent}
  .top-nav a.active{border-left-color:var(--v2-blue)}
  .home-hero-inner-v2{padding:42px 0 38px;gap:32px}
  .home-kicker-v2{margin-bottom:10px}
  .home-hero-copy-v2 h1{font-size:34px}
  .home-hero-copy-v2>p{font-size:14px;margin:16px 0 22px}
  .home-search-v2{height:56px;padding-left:15px}.home-search-v2 button{height:42px;padding:0 15px}.home-search-v2 input{font-size:13px}
  .home-hot-v2{gap:9px}
  .home-hero-stats-v2{grid-template-columns:1fr 1fr}.home-hero-stats-v2>div{border-bottom:1px solid var(--v2-line)!important}.home-hero-stats-v2>div:nth-child(2n){border-right:0!important}.home-hero-stats-v2>div:nth-last-child(-n+2){border-bottom:0!important}
  .home-section-v2{padding:44px 0}
  .section-title-v2{display:block;margin-bottom:18px}.section-title-v2 h2{font-size:23px}.section-title-v2>p{margin-top:7px;text-align:left}.section-more-v2{display:inline-block;margin-top:10px}
  .popular-grid-v2{grid-template-columns:1fr 1fr;gap:8px}.popular-card-v2{min-height:82px;padding:12px}.popular-card-v2 small{display:none}.tool-icon-v2{width:40px;height:40px;flex-basis:40px}.tool-icon-v2 img{width:30px;height:30px}
  .category-box-v2,.feature-zone-v2{padding:18px}.category-box-head-v2{grid-template-columns:46px minmax(0,1fr) auto}.category-icon-v2{width:46px;height:46px}.category-icon-v2 img{width:34px;height:34px}.category-box-head-v2 p{display:none}
  .category-tool-list-v2{grid-template-columns:1fr 1fr;gap:0 14px}.feature-links-v2{grid-template-columns:1fr 1fr;gap:0 14px}
  .trust-grid-v2{grid-template-columns:1fr 1fr;gap:0}.trust-grid-v2>div{padding:12px 14px;border-bottom:1px solid var(--v2-line)}.trust-grid-v2>div:nth-child(2n){border-right:0}.trust-grid-v2>div:first-child{padding-left:14px}.trust-grid-v2>div:nth-last-child(-n+2){border-bottom:0}
  .catalog-hero-inner-v2{padding:32px 0 26px}.catalog-hero-inner-v2 h1{font-size:28px}.catalog-sidebar-v2{top:64px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .catalog-page-v2{padding-top:12px}.catalog-content-head-v2{min-height:52px}.catalog-grid-v2{grid-template-columns:1fr}.catalog-card-v2{min-height:80px}
  .tool-page-v2{padding-top:16px}.breadcrumb-v2{white-space:nowrap;overflow:auto}.tool-title-v2{align-items:flex-start;padding:16px 0 18px}.tool-title-icon-v2{width:54px;height:54px;flex-basis:54px}.tool-title-icon-v2 img{width:40px;height:40px}.tool-title-v2 h1{font-size:23px}.tool-title-v2 p{font-size:11px}.tool-status-v2{display:none}.tool-workspace-v2 .tool-app{padding:15px}.workspace-top-v2{padding:15px!important}.workspace-top-v2 p{display:none}.tool-help-v2{grid-template-columns:1fr}.related-grid-v2{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .home-hero-copy-v2 h1{font-size:31px}
  .home-search-v2 button{font-size:12px;padding:0 12px}.home-search-v2 .search-icon-v2{display:none}
  .popular-grid-v2{grid-template-columns:1fr}
  .category-tool-list-v2,.feature-links-v2{grid-template-columns:1fr}.category-tool-list-v2 a:nth-child(n+5),.feature-links-v2>a:nth-child(n+5){display:none}
  .related-grid-v2{grid-template-columns:1fr}
}

/* Calculation & conversion tools - v1.0.2 */
.converter-shell{display:flex;flex-direction:column;gap:18px}
.converter-controls{display:grid;grid-template-columns:1.05fr 1fr 1.15fr 48px 1.15fr;gap:12px;align-items:end;padding:18px;border:1px solid var(--v2-line);background:#fbfcfe}
.converter-controls-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.converter-controls .field{margin:0;min-width:0}
.converter-controls .field label{display:block;margin:0 0 7px;color:#556275;font-size:11px;font-weight:700}
.converter-controls .field input,.converter-controls .field select{width:100%;height:44px;border:1px solid #d6dee9;background:#fff;color:#172033;padding:0 12px;outline:0}
.converter-controls .field input:focus,.converter-controls .field select:focus{border-color:#8eb6ee;box-shadow:0 0 0 3px rgba(23,105,224,.06)}
.converter-swap{width:48px;height:44px;border:1px solid #d6dee9;background:#fff;color:var(--v2-blue);font-size:20px;line-height:1;cursor:pointer}
.converter-swap:hover{border-color:#a9c7ee;background:var(--v2-blue-soft)}
.conversion-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:22px 24px;border:1px solid #cfe0f5;background:#f8fbff}
.conversion-main>span{min-width:0;color:#697589;font-size:13px}
.conversion-main>strong{color:#0d4fae;font-size:24px;line-height:1.25;text-align:right;word-break:break-all}
.conversion-main .secondary-btn{white-space:nowrap}
.conversion-note{margin:0;padding:0 2px;color:#738095;font-size:11px;line-height:1.75}
.conversion-warning{display:flex;align-items:flex-start;gap:16px;padding:15px 16px;border:1px solid #f0d8a8;background:#fffaf0}
.conversion-warning strong{flex:0 0 auto;color:#875700;font-size:12px}
.conversion-warning span{color:#7c6a48;font-size:11px;line-height:1.7}
.conversion-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 -6px}
.conversion-section-title strong{font-size:14px;color:#263246}
.conversion-section-title span{font-size:10px;color:#8a95a5}
.conversion-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--v2-line);border-left:1px solid var(--v2-line);background:#fff}
.conversion-result-item{min-width:0;min-height:76px;padding:13px 14px;border-right:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);display:flex;flex-direction:column;justify-content:center;gap:5px}
.conversion-result-item span{color:#7c8798;font-size:10px;line-height:1.35}
.conversion-result-item strong{color:#1c2738;font-size:13px;line-height:1.35;word-break:break-all}
.conversion-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.conversion-two-columns>section{min-width:0;padding:16px;border:1px solid var(--v2-line);background:#fff}
.conversion-two-columns .conversion-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--v2-line);border-left:1px solid var(--v2-line);background:#fff}
.metric-cards>div{min-width:0;min-height:104px;padding:18px;border-right:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);display:flex;flex-direction:column;justify-content:center;gap:8px}
.metric-cards>div>span{color:#7d8898;font-size:10px}
.metric-cards>div>strong{color:#172033;font-size:18px;line-height:1.35;word-break:break-word}
.category-showcase-v2>.category-box-v2:last-child:nth-child(odd){grid-column:1/-1}

@media(max-width:900px){
  .converter-controls,.converter-controls-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .converter-controls .converter-swap{grid-column:auto;width:100%}
  .conversion-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conversion-two-columns{grid-template-columns:1fr}
}
@media(max-width:620px){
  .converter-controls,.converter-controls-4{grid-template-columns:1fr;padding:14px;gap:10px}
  .converter-value-field{grid-column:auto}
  .conversion-main{grid-template-columns:1fr;padding:18px;gap:8px}
  .conversion-main>strong{text-align:left;font-size:21px}
  .conversion-main .secondary-btn{justify-self:start}
  .conversion-warning{display:block}.conversion-warning strong{display:block;margin-bottom:5px}
  .conversion-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conversion-result-item{min-height:68px;padding:11px}
  .conversion-two-columns>section{padding:12px}
  .metric-cards{grid-template-columns:1fr 1fr}
  .metric-cards>div{min-height:88px;padding:14px}
  .metric-cards>div>strong{font-size:15px}
}
@media(max-width:420px){
  .conversion-result-grid,.conversion-two-columns .conversion-result-grid{grid-template-columns:1fr 1fr}
  .metric-cards{grid-template-columns:1fr}
}

/* v1.0.3 - local processing, share, batch, about */
.tool-status-v2 .local-processing-badge{border-color:#b9d8ff;background:#f2f8ff;color:#0d5ec4}
.tool-status-v2 .local-private-badge{border-color:#d5e5dc;background:#f5fbf7;color:#39734e}
.workspace-actions-v3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.workspace-actions-v3 .privacy-chip.is-local{border-color:#c9def8;background:#f4f9ff;color:#185fab}
.tool-share-btn-v3{height:31px;padding:0 11px;font-size:11px}
.batch-mode-v3{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border:1px solid #dce6f2;background:#f8fbff;cursor:pointer}
.batch-mode-v3 input{width:16px;height:16px;margin:0;accent-color:var(--v2-blue)}
.batch-mode-v3 span{display:flex;align-items:baseline;gap:10px;min-width:0}
.batch-mode-v3 strong{color:#263246;font-size:12px}.batch-mode-v3 small{color:#7c8798;font-size:10px}
.batch-mode-v3[hidden]{display:none!important}

.about-page-v3{padding:44px 0 76px;background:#fff}
.about-hero-v3{padding:48px 0 42px;border-bottom:1px solid var(--v2-line)}
.about-hero-v3>span,.about-section-head-v3>div>span{display:block;margin-bottom:8px;color:var(--v2-blue);font-size:11px;font-weight:700}
.about-hero-v3 h1{max-width:900px;margin:0;color:#172033;font-size:40px;line-height:1.18;letter-spacing:-.8px}
.about-hero-v3>p{max-width:900px;margin:18px 0 0;color:#667085;font-size:15px;line-height:1.9}
.about-stats-v3{display:grid;grid-template-columns:180px 180px minmax(260px,1fr);max-width:760px;margin-top:32px;border-top:1px solid var(--v2-line);border-left:1px solid var(--v2-line)}
.about-stats-v3>div{min-height:88px;padding:16px 18px;border-right:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);display:flex;flex-direction:column;justify-content:center;gap:4px}
.about-stats-v3 strong{color:#172033;font-size:20px}.about-stats-v3 span{color:#818b99;font-size:10px;line-height:1.55}
.about-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:42px 0}
.about-grid-v3 article{min-width:0;padding:26px;border:1px solid var(--v2-line);background:#fff}
.about-number-v3{display:block;margin-bottom:28px;color:#9ab2d0;font-size:11px;font-weight:800}
.about-grid-v3 h2{margin:0 0 12px;color:#1f2a3a;font-size:19px}
.about-grid-v3 p{margin:0;color:#697589;font-size:12px;line-height:1.9}
.about-contact-v3,.about-updates-v3{padding:42px 0;border-top:1px solid var(--v2-line)}
.about-section-head-v3{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:22px}
.about-section-head-v3 h2{margin:0;color:#172033;font-size:25px}.about-section-head-v3>p{max-width:500px;margin:0;color:#7a8595;font-size:11px;line-height:1.75;text-align:right}
.about-contact-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-contact-grid-v3>a,.about-contact-copy-v3{width:100%;min-height:104px;padding:20px;border:1px solid var(--v2-line);background:#fff;display:flex;align-items:center;gap:16px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .18s,background .18s}
.about-contact-grid-v3>a:hover,.about-contact-copy-v3:hover{border-color:#c9dbf2;background:#f9fbfe}
.about-contact-icon-v3{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #dce8f7;background:#f6faff}
.about-contact-icon-v3 svg{width:21px;height:21px;fill:none;stroke:#236fd2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-contact-grid-v3>a>span:last-child,.about-contact-copy-v3>span:last-child{min-width:0;display:grid;gap:5px}
.about-contact-grid-v3 small{color:#8993a3;font-size:10px}.about-contact-grid-v3 strong{color:#1d2939;font-size:15px;word-break:break-all}
.about-version-content-v3{max-width:none!important;color:#5d6878}.about-version-content-v3 .version-timeline{max-width:980px}

@media(max-width:760px){
  .workspace-actions-v3{justify-content:flex-start}.tool-share-btn-v3{display:inline-flex!important}
  .batch-mode-v3 span{display:grid;gap:2px}
  .about-page-v3{padding:20px 0 54px}.about-hero-v3{padding:30px 0}.about-hero-v3 h1{font-size:30px}.about-hero-v3>p{font-size:13px}
  .about-stats-v3{grid-template-columns:1fr 1fr;margin-top:24px}.about-stats-v3>div:last-child{grid-column:1/-1}.about-grid-v3{grid-template-columns:1fr;padding:28px 0;gap:12px}.about-grid-v3 article{padding:20px}.about-number-v3{margin-bottom:16px}
  .about-contact-v3,.about-updates-v3{padding:30px 0}.about-section-head-v3{display:block;margin-bottom:16px}.about-section-head-v3 h2{font-size:22px}.about-section-head-v3>p{margin-top:8px;text-align:left}
  .about-contact-grid-v3{grid-template-columns:1fr;gap:10px}.about-contact-grid-v3>a,.about-contact-copy-v3{min-height:88px;padding:16px}
}
.tool-share-btn-v3[hidden]{display:none!important}

/* 收藏与最近使用 */
.tool-favorite-btn-v4{height:31px;padding:0 11px;font-size:11px}.tool-favorite-btn-v4.is-favorite{border-color:#b9d8ff;background:#f2f8ff;color:#0d5ec4}
.catalog-personal-v4{padding:24px 0 0;background:#fff}.catalog-personal-inner-v4{display:grid;gap:18px}.catalog-personal-group-v4{display:grid;gap:10px}.catalog-personal-head-v4{display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-personal-head-v4 strong{font-size:15px;color:#1f2937}.catalog-personal-head-v4 small{font-size:11px;color:var(--v2-muted)}.catalog-personal-head-v4 button{border:0;background:transparent;color:var(--v2-muted);font-size:11px;cursor:pointer;padding:0}.catalog-personal-head-v4 button:hover{color:var(--v2-blue)}.catalog-personal-grid-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.catalog-personal-card-v4{min-width:0;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--v2-line);background:#fff;transition:border-color .18s,background .18s}.catalog-personal-card-v4:hover{border-color:#cddcf0;background:#f9fbfe}.catalog-personal-card-v4 img{width:34px;height:34px;object-fit:contain;flex:0 0 34px}.catalog-personal-card-v4 span{min-width:0}.catalog-personal-card-v4 strong,.catalog-personal-card-v4 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-personal-card-v4 strong{font-size:12px;color:#253047}.catalog-personal-card-v4 small{font-size:10px;color:var(--v2-muted);margin-top:2px}
@media(max-width:1000px){.catalog-personal-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.catalog-personal-v4{padding-top:16px}.catalog-personal-grid-v4{grid-template-columns:1fr 1fr;gap:8px}.catalog-personal-card-v4{padding:10px}.catalog-personal-card-v4 img{width:30px;height:30px;flex-basis:30px}.tool-favorite-btn-v4{display:inline-flex!important}}
@media(max-width:430px){.catalog-personal-grid-v4{grid-template-columns:1fr}}

/* 结果导出与工具联动 */
.tool-smart-export-v4{margin-left:8px}.tool-next-v4{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border:1px solid var(--v2-line);background:#fbfcfe}.tool-next-v4>span{font-size:11px;color:var(--v2-muted);margin-right:2px}.tool-next-action-v4{border:1px solid #d7e2ef;background:#fff;color:#44546a;padding:7px 10px;font-size:11px;cursor:pointer}.tool-next-action-v4:hover{border-color:#b8d4f8;color:var(--v2-blue);background:#f5f9ff}
@media(max-width:760px){.tool-next-v4{align-items:stretch}.tool-next-v4>span{width:100%}.tool-next-action-v4{flex:1 1 auto}.result-head{flex-wrap:wrap;gap:7px}.tool-smart-export-v4{margin-left:0}}


/* 批量处理增强 */
.batch-progress-v5{margin:0 0 14px;padding:14px;border:1px solid var(--v2-line);background:#f8fafc}
.batch-stat-grid-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.batch-stat-grid-v5 span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7d8898;font-size:12px}.batch-stat-grid-v5 b{color:#172033;font-size:14px}
.batch-progress-track-v5{height:6px;background:#e9eef5;overflow:hidden}.batch-progress-track-v5 i{display:block;width:0;height:100%;background:var(--v2-blue);transition:width .16s ease}
@media(max-width:760px){.batch-stat-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head{gap:8px;flex-wrap:wrap}}

/* 工具独立 SEO 内容，仅后台填写后展示 */
.tool-seo-section-v5{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:32px;padding-top:30px;border-top:1px solid var(--v2-line)}
.tool-seo-copy-v5 h2,.tool-faq-v5 h2{margin:0 0 12px;color:#172033;font-size:20px}.tool-seo-copy-v5 p{margin:0;color:#5f6b7a;font-size:14px;line-height:1.9}
.tool-faq-list-v5{border-top:1px solid var(--v2-line)}.tool-faq-list-v5 details{border-bottom:1px solid var(--v2-line);padding:14px 0}.tool-faq-list-v5 summary{cursor:pointer;color:#172033;font-weight:700}.tool-faq-list-v5 p{margin:10px 0 0;color:#657083;font-size:14px;line-height:1.8}
.footer-pwa-install{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}.footer-pwa-install:hover{color:var(--v2-blue)}

/* Batch processing enhancement */
.batch-source-v6{margin:12px 0 0;padding:14px;border:1px solid #dce6f2;background:#fbfdff}
.batch-source-v6[hidden]{display:none!important}
.batch-source-v6 .field{margin:0}
.batch-source-v6 textarea{min-height:132px}
.universal-batch-v6{margin-top:22px;padding-top:22px;border-top:1px solid var(--v2-line)}
.universal-batch-v6>.batch-mode-v3{margin-bottom:0}
.universal-batch-v6 .result-panel{margin-top:14px}
@media(max-width:760px){.batch-source-v6{padding:12px}.universal-batch-v6{margin-top:18px;padding-top:18px}}

/* 网址多设备预览 */
.responsive-preview-tool-v7{display:grid;gap:16px}
.responsive-url-grid-v7{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.responsive-url-field-v7{margin:0}.responsive-primary-actions-v7{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:1px}
.responsive-toolbar-v7{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--v2-line);background:#fbfcfe}
.responsive-device-tabs-v7{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;flex:1;min-width:0}
.responsive-device-tab-v7{min-width:0;border:1px solid #dce4ee;background:#fff;color:#3d4859;padding:10px 12px;text-align:left;cursor:pointer;font:inherit;transition:border-color .18s,background .18s,color .18s}
.responsive-device-tab-v7 strong,.responsive-device-tab-v7 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-device-tab-v7 strong{font-size:12px}.responsive-device-tab-v7 small{margin-top:3px;color:#8a94a4;font-size:9px}.responsive-device-tab-v7:hover,.responsive-device-tab-v7.active{border-color:#b8d3f5;background:#f4f8fe;color:#145ebc}.responsive-device-tab-v7.active small{color:#5e83b5}
.responsive-view-actions-v7{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.responsive-view-actions-v7 .secondary-btn.active{border-color:#b8d3f5;background:#f4f8fe;color:#145ebc}
.responsive-zoom-v7{display:flex;align-items:center;gap:7px;color:#7d8796;font-size:10px}.responsive-zoom-v7 select{height:34px;border:1px solid #dce4ee;background:#fff;color:#354052;padding:0 28px 0 9px;font-size:11px}
.responsive-batch-toggle-v7{margin:0}.responsive-batch-panel-v7{margin:0}.responsive-url-tabs-v7{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.responsive-url-tab-v7{display:flex;align-items:center;gap:7px;max-width:220px;border:1px solid #dde5ef;background:#fff;color:#596579;padding:8px 10px;cursor:pointer;font:inherit}.responsive-url-tab-v7 b{display:grid;place-items:center;width:20px;height:20px;background:#f0f4f9;color:#65748a;font-size:9px}.responsive-url-tab-v7 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.responsive-url-tab-v7.active{border-color:#b8d3f5;background:#f5f9ff;color:#145ebc}.responsive-url-tab-v7.active b{background:#e5f0ff;color:#145ebc}
.responsive-security-note-v7{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #e4e9f0;background:#fafbfc}.responsive-security-note-v7 strong{flex:0 0 auto;color:#3b4657;font-size:11px}.responsive-security-note-v7 span{color:#7d8796;font-size:10px;line-height:1.65}
.responsive-preview-area-v7{min-height:320px;padding:18px;border:1px solid var(--v2-line);background:#f4f6f9;overflow:hidden}
.responsive-device-card-v7{min-width:0}.responsive-device-meta-v7{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.responsive-device-meta-v7 strong{color:#253146;font-size:12px}.responsive-device-meta-v7 span{color:#8993a2;font-size:10px;font-variant-numeric:tabular-nums}
.responsive-device-stage-v7{min-height:260px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:10px 8px 18px;background:#eceff3}
.responsive-scale-box-v7{position:relative;flex:0 0 auto}.responsive-device-shell-v7{position:absolute;left:0;top:0;transform-origin:top left;background:#e6e8eb;box-sizing:border-box}.responsive-screen-v7{position:absolute;overflow:hidden;background:#fff}.responsive-screen-v7 iframe{display:block;border:0;background:#fff}
.responsive-device-shell-v7.device-desktop{padding:17px;border:1px solid #c8cdd4;background:#d9dce0}.responsive-device-shell-v7.device-desktop .responsive-screen-v7{left:17px;top:17px}.responsive-device-shell-v7.device-desktop .responsive-device-top-v7{position:absolute;left:50%;top:5px;width:5px;height:5px;margin-left:-2.5px;background:#9da3ab;border-radius:50%}.responsive-monitor-stand-v7{position:absolute;left:50%;top:calc(100% - 111px);width:150px;height:110px;margin-left:-75px;pointer-events:none}.responsive-monitor-stand-v7:before{content:"";position:absolute;left:59px;top:0;width:32px;height:82px;background:#c7cbd0}.responsive-monitor-stand-v7 i{position:absolute;left:0;bottom:0;width:150px;height:18px;background:#c7cbd0;border:1px solid #b8bdc4;box-sizing:border-box}
.responsive-device-shell-v7.device-macbook{padding:15px 15px 43px;border:1px solid #bfc4ca;background:#d9dde1}.responsive-device-shell-v7.device-macbook .responsive-screen-v7{left:15px;top:15px}.responsive-device-shell-v7.device-macbook .responsive-device-top-v7{position:absolute;left:50%;top:5px;width:6px;height:6px;margin-left:-3px;background:#969da6;border-radius:50%}.responsive-laptop-base-v7{position:absolute;left:-34px;right:-34px;bottom:-14px;height:18px;background:#cdd1d5;border:1px solid #b7bcc2;transform:perspective(140px) rotateX(10deg);transform-origin:top}.responsive-laptop-base-v7 i{position:absolute;left:42%;top:0;width:16%;height:4px;background:#aeb4bb}
.responsive-device-shell-v7.device-ipad{padding:17px;border:1px solid #bfc5cc;background:#d9dde1;border-radius:22px}.responsive-device-shell-v7.device-ipad .responsive-screen-v7{left:17px;top:17px;border-radius:7px}.responsive-device-shell-v7.device-ipad .responsive-device-top-v7{position:absolute;left:50%;top:6px;width:5px;height:5px;margin-left:-2.5px;background:#8e959e;border-radius:50%}
.responsive-device-shell-v7.device-iphone{padding:17px 14px;border:1px solid #25282d;background:#1f2227;border-radius:38px}.responsive-device-shell-v7.device-iphone .responsive-screen-v7{left:14px;top:17px;border-radius:22px}.responsive-device-shell-v7.device-iphone .responsive-device-top-v7{position:absolute;z-index:2;left:50%;top:22px;width:92px;height:24px;margin-left:-46px;background:#111318;border-radius:18px}
.responsive-compare-grid-v7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.responsive-device-card-v7.is-compare{padding:12px;border:1px solid #dfe5ed;background:#fff}.responsive-device-card-v7.is-compare .responsive-device-stage-v7{min-height:300px;padding:8px}
@media(max-width:1050px){.responsive-url-grid-v7{grid-template-columns:1fr}.responsive-primary-actions-v7{padding:0}.responsive-toolbar-v7{align-items:stretch;flex-direction:column}.responsive-view-actions-v7{justify-content:flex-start}}
@media(max-width:760px){.responsive-preview-area-v7{padding:10px}.responsive-device-tabs-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-view-actions-v7{display:grid;grid-template-columns:1fr 1fr}.responsive-zoom-v7{grid-column:1/-1;justify-content:space-between}.responsive-zoom-v7 select{flex:1}.responsive-primary-actions-v7{display:grid;grid-template-columns:1fr 1fr}.responsive-primary-actions-v7 .primary-btn{grid-column:1/-1}.responsive-compare-grid-v7{grid-template-columns:1fr}.responsive-device-stage-v7{min-height:230px}.responsive-security-note-v7{display:block}.responsive-security-note-v7 strong{display:block;margin-bottom:4px}}
