:root{--background:#f4fbf8;--foreground:hsl(215 28% 17%);--card:#fff;--primary:#18a47e;--muted-foreground:hsl(215 28% 17%);--border:#cfe6dd}
html{background:var(--background)}
body{background:var(--background);color:var(--foreground);font-family:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,sans-serif;font-size:14px}
.container{width:100%;max-width:1200px;margin:0 auto}
.site-header{height:64px;position:relative;top:auto;z-index:30;background:var(--card);border-bottom:1px solid var(--border)}
.header-inner{height:64px;padding:0;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:var(--foreground);font-size:18px;font-weight:700;line-height:1;text-decoration:none}
.brand:hover{opacity:.8;text-decoration:none}
.brand img{display:block;width:36px;height:36px;object-fit:contain}
.nav-trigger{height:32px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--primary);border-radius:6px;background:var(--card);color:var(--primary);font-size:14px;cursor:pointer}
.nav-trigger:hover{background:rgba(24,164,126,.08)}
.nav-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.header-actions{display:flex;align-items:center;gap:14px}
.header-divider{width:1px;height:24px;background:var(--border)}
.language-control{display:flex;align-items:center;gap:10px;color:var(--primary)}
.language-globe{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.language-switch{height:32px;display:flex;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--card)}
.language-option{min-width:56px;padding:0 15px;border:0;background:transparent;color:var(--primary);font-size:13px;line-height:30px;cursor:pointer}
.language-option.active{background:var(--primary);color:#fff;font-weight:600}
.language-option:focus-visible{outline:2px solid rgba(24,164,126,.28);outline-offset:-2px}
.drawer{width:360px;background:var(--background)}
.drawer-nav details{margin:0}
.drawer-nav summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding-right:42px}
.drawer-nav summary::-webkit-details-marker{display:none}
.drawer-nav summary::after{content:"";position:absolute;right:15px;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:transform .18s ease}
.drawer-nav details[open] summary{background:rgba(24,164,126,.06)}
.drawer-nav details[open] summary::after{transform:rotate(225deg) translate(-1px,-1px)}
main{min-height:0}
.home-page{padding:64px 16px;background:var(--background)}
.home-container{width:100%;max-width:1200px;margin:0 auto}
.home-intro{text-align:center;margin:0 0 32px}
.home-intro h1{margin:0 0 8px;font-size:24px;line-height:1.35;font-weight:700;color:var(--foreground)}
.home-intro p{margin:0;color:var(--muted-foreground);font-size:16px;line-height:1.5}
.home-search{display:flex;gap:8px;width:100%;margin:0 0 24px}
.home-search input{height:56px;min-width:0;flex:1;padding:0 16px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:14px;outline:none;box-shadow:none}
.home-search input::placeholder{color:var(--muted-foreground);opacity:1}
.home-search input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,164,126,.14)}
.home-search button{height:56px;min-width:124px;padding:0 28px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.home-search button:hover{background:#159672}
.home-search button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.home-hot{min-height:34px;margin:0 0 48px;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;text-align:left}
.home-hot strong{font-size:14px;font-weight:500;color:var(--foreground);flex:none}
.home-hot a{max-width:100%;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,color .15s}
.home-hot a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.policy-panel{margin:0 0 48px;padding:20px 24px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 1px 2px rgba(24,62,51,.12)}
.policy-panel h2,.home-block>h2{margin:0 0 16px;font-size:16px;line-height:24px;font-weight:700;color:var(--foreground)}
.policy-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.policy-panel li{margin:0;font-size:14px;line-height:1.7}
.policy-panel li a{display:block;color:var(--muted-foreground);text-decoration:none;transition:color .15s}
.policy-panel li a:hover{color:var(--primary)}
.policy-panel strong{color:var(--primary);font-weight:700}
.policy-panel>p{margin:16px 0 0;color:var(--muted-foreground);font-size:14px;line-height:1.7}
.home-block{margin:0 0 48px}
.tools-block{margin-bottom:0}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-list article{min-height:88px;padding:20px;display:flex;align-items:flex-start;gap:16px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 1px 2px rgba(24,62,51,.12);transition:border-color .15s}
.feature-list article:hover{border-color:rgba(24,164,126,.5)}
.feature-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:8px;background:rgba(24,164,126,.1);color:var(--primary)}
.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.feature-list h3{margin:0 0 4px;font-size:14px;line-height:20px;font-weight:600;color:var(--foreground)}
.feature-list p{margin:0;color:var(--muted-foreground);font-size:14px;line-height:1.6}
.recommendation-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.recommendation-list>a,.recommendation-list>div{height:106px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 1px 2px rgba(24,62,51,.12);color:var(--foreground);text-align:center;transition:border-color .15s}
.recommendation-list>a:hover{border-color:rgba(24,164,126,.5);text-decoration:none}
.recommendation-list span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(24,164,126,.1);color:var(--primary)}
.recommendation-list svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.recommendation-list strong{font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.service-tools{position:fixed;right:24px;bottom:80px;z-index:40;display:flex;flex-direction:column;align-items:center;gap:12px}
.service-item{position:relative}
.service-button{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--card);color:var(--primary);box-shadow:0 7px 18px rgba(22,70,57,.14);cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}
.service-button:hover,.service-button:focus-visible{border-color:var(--primary);color:var(--primary);text-decoration:none;outline:none}
.service-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-button .service-icon-chat{width:21px;height:21px;stroke-width:1.85}
.service-button .service-icon-wechat{width:23px;height:23px;fill:currentColor;stroke:none}
.service-button .service-icon-wechat circle{fill:#fff;stroke:none}
.service-button-tall{height:115px;flex-direction:column;gap:6px;border-radius:999px}
.service-button-tall span{font-size:12px;line-height:1.15;writing-mode:vertical-rl;letter-spacing:1px}
.service-popover{position:absolute;right:60px;top:50%;width:224px;padding:20px;visibility:hidden;opacity:0;transform:translateY(-50%) translateX(6px);border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 14px 32px rgba(22,70,57,.16);color:var(--foreground);transition:opacity .12s,transform .12s,visibility .12s;pointer-events:none}
.service-item:hover .service-popover,.service-item:focus-within .service-popover{visibility:visible;opacity:1;transform:translateY(-50%) translateX(0)}
.service-popover strong{display:block;margin:0;font-size:18px;line-height:1.4;font-weight:600}
.service-popover p{margin:4px 0 0;font-size:14px;color:var(--muted-foreground)}
.service-popover b{display:block;margin-top:5px;font-size:18px;line-height:1.4;color:var(--primary)}
.qr-popover{padding:20px}
.qr-popover img{display:block;width:141px;height:141px;margin:12px auto 0;object-fit:contain}
.back-top{display:none}
.back-top.visible{display:flex}
.search-page{min-height:calc(100vh - 64px);padding:32px 16px 64px;background:var(--background)}
.search-page-container{width:100%;max-width:1200px;margin:0 auto}
.search-page-form{display:flex;width:100%;gap:8px;margin:0 0 24px}
.search-page-form input{height:44px;min-width:0;flex:1;padding:0 16px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:14px;outline:none;box-shadow:0 1px 2px rgba(24,62,51,.08)}
.search-page-form input::placeholder{color:var(--muted-foreground);opacity:1}
.search-page-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,164,126,.14)}
.search-page-form button{height:44px;min-width:136px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.search-page-form button:hover{background:#159672}
.search-page-form svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.search-mobile-label{display:none}
.search-results{display:grid;gap:12px}
.search-result-head,.search-result-desktop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.search-result-head{padding:0 20px;color:var(--muted-foreground);font-size:14px;font-weight:500;line-height:20px}
.search-result-card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 1px 2px rgba(24,62,51,.12);transition:border-color .15s}
.search-result-card:hover{border-color:rgba(24,164,126,.5)}
.search-result-desktop{align-items:center;color:var(--foreground);font-size:14px;line-height:1.45}
.search-result-desktop>div{min-width:0;overflow-wrap:anywhere}
.search-company-name{font-weight:500}
.search-published-cell{display:flex;align-items:center;justify-content:space-between;gap:10px}
.search-data-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);white-space:nowrap}
.search-data-link:hover{text-decoration:underline}
.search-data-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.search-nvocc-link{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:4px 10px;border:1px solid var(--primary);border-radius:4px;background:var(--card);color:var(--primary);font-size:12px;font-weight:500;line-height:16px;white-space:nowrap;transition:background .15s,color .15s}
.search-nvocc-link:hover{background:var(--primary);color:#fff;text-decoration:none}
.search-result-mobile{display:none}
.search-empty{padding:64px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;background:var(--card);text-align:center}
.search-empty svg{width:48px;height:48px;margin-bottom:16px;fill:none;stroke:var(--muted-foreground);stroke-width:1.7;stroke-linecap:round}
.search-empty p{margin:0;color:var(--foreground);font-size:16px;font-weight:500}
.search-page .pagination{margin:0;padding:16px 0;gap:8px}
.search-page .pagination>a,.search-page .pagination>span{min-height:32px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:14px;line-height:20px}
.search-page .pagination>span{border:0;background:transparent}
.search-page .pagination a.disabled{opacity:.5}
.search-page .pagination form{align-items:center;gap:8px}
.search-page .pagination input{width:64px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:14px}
.search-page .pagination .button{height:32px;padding:5px 8px;border-color:var(--border);border-radius:6px;color:var(--foreground);font-size:14px;font-weight:500}
.login-form .button.outline{margin-bottom:18px}
.site-footer{padding:24px 0 32px;border-top:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:14px;text-align:center}
.footer-content{display:flex;flex-direction:column;gap:12px;padding:0 24px}
.site-footer p{margin:0;line-height:1.45}
.site-footer a{color:var(--muted-foreground)}
.site-footer p:first-child a{color:var(--primary)}
.site-footer span{margin:0}.site-footer .footer-separator{margin:0 6px}

@media(max-width:1232px){.header-inner{padding:0 16px}}
@media(max-width:1024px){.recommendation-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
  body{font-size:15px}
  .site-header,.header-inner{height:64px}.header-inner{padding:0 16px}.brand{gap:8px;font-size:16px;min-width:0}.brand img{width:34px;height:34px}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:8px;flex:none}.header-divider,.language-globe{display:none}.language-control{gap:0}.language-switch{height:30px}.language-option{min-width:36px;padding:0 8px;font-size:12px;line-height:28px}
  .nav-trigger{width:34px;padding:0;justify-content:center}.nav-trigger span{display:none}
  .home-page{padding:40px 16px}.home-intro{margin-bottom:32px}.home-intro h1{font-size:20px}.home-intro p{font-size:14px}
  .home-search input,.home-search button{height:48px}.home-search input{font-size:16px}.home-search button{min-width:48px;width:48px;padding:0}.home-search button span{display:none}
  .home-hot{margin-bottom:48px;align-items:flex-start}.home-hot strong{padding-top:5px}
  .policy-panel{padding:20px;margin-bottom:48px}.feature-list{grid-template-columns:1fr}.recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recommendation-list>a,.recommendation-list>div{height:108px;padding:12px}.recommendation-list strong{white-space:normal}
  .service-tools{right:16px;bottom:80px;gap:12px}.service-popover{right:60px;width:224px}.site-footer{padding:24px 0}.footer-content{gap:10px;padding:0 16px}.site-footer .footer-separator{display:none}
  .search-page{padding:24px 16px 48px}.search-page-form input{height:44px;font-size:16px}.search-page-form button{min-width:52px;width:auto;padding:0 16px}.search-desktop-label{display:none}.search-mobile-label{display:inline}.search-result-head,.search-result-desktop{display:none}.search-result-mobile{display:grid;gap:8px}.search-result-card{padding:16px}.search-result-mobile p{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:14px;line-height:1.5}.search-result-mobile p>span{flex:none;color:var(--muted-foreground)}.search-result-mobile strong,.search-result-mobile b{font-weight:400;color:var(--foreground)}.search-result-mobile p:first-child strong{font-weight:500}.search-result-mobile>.search-nvocc-link{justify-self:start;margin-top:4px}.search-page .pagination{gap:4px}.search-page .pagination>a,.search-page .pagination>span{padding:5px 7px}.search-page .pagination form{width:100%;justify-content:center;margin-top:4px}
  .brand{font-size:17px}.nav-trigger{font-size:15px}
  .home-intro h1{font-size:21px}.home-intro p{font-size:15px}
  .home-search input{font-size:17px}.home-search button{font-size:15px}
  .home-hot strong,.home-hot a{font-size:15px}
  .policy-panel h2,.home-block>h2{font-size:17px}.policy-panel li,.policy-panel>p{font-size:15px}
  .feature-list h3,.feature-list p,.recommendation-list strong{font-size:15px}
  .service-button-tall span{font-size:13px}.service-popover p{font-size:15px}
  .search-page-form input{font-size:17px}.search-page-form button{font-size:15px}
  .search-result-mobile p{font-size:15px}.search-nvocc-link{font-size:13px}
  .search-page .pagination>a,.search-page .pagination>span,.search-page .pagination input,.search-page .pagination .button{font-size:15px}
  .site-footer{font-size:15px}
}
html[lang="en"] .service-button-tall span{width:42px;writing-mode:horizontal-tb;letter-spacing:0;text-align:center;font-size:11px;line-height:1.2}
@media(max-width:767px){html[lang="en"] .brand{gap:6px;font-size:15px}html[lang="en"] .brand img{width:32px;height:32px}}