*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#18233c;font:15px system-ui,"Microsoft Yahei",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:8px;padding:12px 22px;background:#4166ef;color:white}header{background:white;border-bottom:1px solid #edf0f7}nav{max-width:1180px;margin:auto;height:86px;display:flex;align-items:center;gap:38px}.logo{font-weight:800;font-size:27px;margin-right:auto;color:#3158db}.logo small{font-size:12px;letter-spacing:3px;color:#8993aa;margin-left:12px}nav a:hover{color:#4166ef}.hero{padding:70px 20px 64px;text-align:center;background:radial-gradient(ellipse at 80% 10%,#dce8ff,transparent 55%),linear-gradient(120deg,#eef2ff,#f8faff)}.eyebrow{color:#5872cb;letter-spacing:4px;font-size:12px}h1{font-size:44px;margin:18px 0;letter-spacing:2px}h1 span{color:#4166ef}.muted{color:#8892a7}.search{max-width:720px;margin:32px auto 20px;display:flex;padding:8px;background:white;border:1px solid #e3e8f6;border-radius:12px;box-shadow:0 12px 35px #3656a210}.search input{border:0;outline:none;flex:1;min-width:0;padding:14px}.hint{font-size:13px;color:#919ab0}main{max-width:1180px;margin:38px auto;padding:0 20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}h2{font-size:23px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filters button{background:white;color:#7d879b;border:1px solid #e8ebf2}.filters button.selected{background:#4166ef;color:white;border-color:#4166ef}.grid{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #e8ecf4;border-radius:12px;padding:25px;transition:.2s;cursor:pointer}@media(min-width:751px) and (max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}button:disabled{opacity:.45;cursor:default}.card-actions{display:flex;gap:10px;margin-top:18px}.card-actions a,.card-actions button{flex:1;text-align:center;padding:11px 8px;font-size:13px;border-radius:7px}.buy{background:#4166ef;color:white}.unavailable{background:#f1f3f8;color:#a1a9ba;flex:1;text-align:center;padding:11px 8px;border-radius:7px;font-size:13px}.card{cursor:default}.card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #263e7410;border-color:#9fb2ff}.card-top{display:flex;justify-content:space-between;font-size:12px;color:#8993a8}.tag{background:#eff3ff;color:#5974c5;padding:5px 9px;border-radius:5px}.name{font-size:24px;letter-spacing:0;line-height:1.3;overflow-wrap:anywhere;font-weight:750;margin:24px 0 10px}.desc{color:#8892a7;font-size:13px;min-height:20px}.bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f7;padding-top:19px;margin-top:24px;color:#4166ef}.price{font-weight:650}.flow{margin:60px 0 35px;background:white;border:1px solid #e8ecf4;border-radius:12px;padding:32px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.step b{display:block;margin:14px 0 8px}.number{color:#4166ef;background:#eff3ff;border-radius:10px;padding:10px 14px;display:inline-block}.step p{font-size:13px;line-height:1.8;color:#8993a8}.links{padding:28px 0;border-top:1px solid #e6eaf2;display:flex;gap:28px;align-items:center}.links a{color:#8993a8}footer{text-align:center;padding:30px;color:#99a1b2;font-size:12px;border-top:1px solid #e6eaf2}dialog{border:0;border-radius:16px;padding:32px;width:480px;max-width:92vw;box-shadow:0 25px 100px #18233c30}dialog::backdrop{background:#14203e70}label{display:block;margin:16px 0 7px}dialog input,dialog textarea{width:100%;padding:12px;border:1px solid #dce1ee;border-radius:7px}textarea{height:110px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.secondary{background:#eef1f8;color:#6f7b94}.row{padding:16px 0;border-bottom:1px solid #eee;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.row strong{margin-right:auto}.notice{padding:12px;background:#fff5db;color:#93742c;border-radius:6px;font-size:13px}#status{color:#4166ef;margin-top:14px}@media(max-width:750px){nav{padding:0 20px;gap:18px;height:72px}.logo small{display:none}nav a{font-size:13px}h1{font-size:30px}.hero{padding:44px 20px}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.links{flex-wrap:wrap}.section-title .muted{font-size:12px}}.grid.category-groups{display:block}.category-section{margin:30px 0 40px}.category-section h2{font-size:19px}.category-section .section-title{border-left:3px solid #4166ef;padding-left:12px}.category-section .muted{font-size:13px}.category-empty{grid-column:1/-1;padding:28px;background:white;border:1px dashed #dce3f0;border-radius:10px;color:#929cb0;text-align:center}.category-heading-actions{display:flex;align-items:center;gap:22px}.category-more{font-size:13px;color:#4166ef;white-space:nowrap}.category-more:hover{text-decoration:underline}.links{flex-wrap:wrap}.reference-process{padding:72px 20px 85px;margin-top:35px;border-top:1px solid #e8ebef;background:#fff}.reference-title{text-align:center;margin-bottom:52px}.reference-title h2,.contact-copy h2{font-size:36px;font-weight:750;color:#4166ef;letter-spacing:2px}.reference-title a{display:inline-block;color:#50555c;font-size:14px;margin-top:18px}.trade-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.trade-step{text-align:center;position:relative;padding:0 15px}.trade-step:not(:last-child):after{content:"";height:2px;background:#e0e2e5;position:absolute;top:28px;left:calc(50% + 29px);width:calc(100% - 58px)}.trade-index{width:58px;height:58px;border-radius:50%;border:2px solid #4166ef;color:#4166ef;display:grid;place-items:center;font-size:24px;margin:0 auto 23px;background:white;position:relative;z-index:1}.trade-step h3{font-size:20px;font-weight:500;color:#50555c;margin:0 0 16px}.trade-step p{font-size:13px;color:#71767c;line-height:1.9;margin:0}.reference-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding:75px 65px;background:#fff;border-top:1px solid #f0f0f0;align-items:center;margin-bottom:35px}.business-label{color:#4166ef;font-size:14px;margin:18px 0 30px}.contact-intro{font-size:18px;line-height:2;color:#50555c}.contact-intro strong{color:#4166ef;font-weight:650}.contact-details{margin:28px 0;color:#50555c;font-size:16px;line-height:1.8}.pending-contact{color:#969ca6}.contact-note{font-size:13px;color:#949ba5;line-height:1.8}.return-menu{display:inline-block;color:#50555c;margin-top:22px;font-size:14px}.reference-title a:hover,.return-menu:hover{color:#4166ef}.contact-visual{min-height:375px;background:#f7f5f3;border:1px solid #eeebe8;padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center}.contact-visual-top{font-size:10px;letter-spacing:4px;color:#9a9692}.contact-emblem{font-size:72px;color:#50555c;font-weight:800;position:relative;letter-spacing:8px;padding:25px 0 10px}.contact-emblem span{color:#4166ef}.contact-visual>p{color:#8e8985;letter-spacing:5px;font-size:13px}.contact-placeholder{font-size:13px;color:#9c9692;border-top:1px solid #e4ded9;margin-top:25px;padding-top:23px}.contact-placeholder small{display:block;margin-top:9px;font-size:11px;color:#aaa4a0}@media(max-width:750px){header nav{gap:12px;flex-wrap:wrap;height:auto;min-height:72px;padding-top:16px;padding-bottom:16px}header nav .logo{width:100%;margin-bottom:4px}.reference-process{padding:42px 20px}.reference-title h2,.contact-copy h2{font-size:29px}.trade-steps{grid-template-columns:1fr;gap:30px}.trade-step{text-align:left;padding-left:78px;min-height:90px}.trade-index{position:absolute;left:0;top:0;width:48px;height:48px;font-size:20px}.trade-step:not(:last-child):after{width:2px;height:calc(100% - 28px);top:54px;left:23px}.trade-step h3{font-size:18px;margin-bottom:10px}.reference-contact{grid-template-columns:1fr;padding:40px 25px;gap:35px}.contact-visual{min-height:300px}.contact-intro{font-size:16px}}.contact-details[hidden]{display:none}.contact-details span{overflow-wrap:anywhere}.contact-intro{white-space:pre-wrap;overflow-wrap:anywhere}.contact-intro[hidden]{display:none}.wechat-qr{display:block;width:100%;max-width:280px;height:280px;object-fit:contain;margin:25px auto 10px;background:white;padding:12px}footer{white-space:pre-wrap;overflow-wrap:anywhere}footer[hidden]{display:none}header nav{height:auto;min-height:86px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.logo.has-logo{display:flex;align-items:center;gap:16px;min-width:0}.brand-titles{display:flex;flex-direction:column;gap:6px;flex-shrink:0;line-height:1.2}.logo.has-logo small{display:block;margin:0;font-size:12px;letter-spacing:3px}.brand-logo-image{display:block;object-fit:contain;max-height:90px;flex-shrink:0;height:auto}@media(max-width:750px){.logo.has-logo{width:auto;max-width:100%;gap:12px}.logo.has-logo small{display:block;font-size:10px;letter-spacing:2px}.brand-logo-image{max-height:70px}}.recommended-section{margin-bottom:42px;padding-bottom:35px;border-bottom:1px solid #e2e8f4}.recommended-section[hidden]{display:none}.recommended-section .section-title{margin-bottom:24px}.recommend-option{display:flex;align-items:center;gap:10px}#recommendedGrid>.card,#grid .category-section .grid>.card{padding:18px 22px}#recommendedGrid .name,#grid .category-section .name{margin:14px 0 7px;overflow-wrap:anywhere}#recommendedGrid .desc,#grid .category-section .desc{min-height:18px}#recommendedGrid .bottom,#grid .category-section .bottom{margin-top:15px;padding-top:12px}#recommendedGrid .card-actions,#grid .category-section .card-actions{margin-top:12px}#recommendedGrid .card-actions a,#recommendedGrid .card-actions button,#recommendedGrid .card-actions .unavailable,#grid .category-section .card-actions a,#grid .category-section .card-actions button,#grid .category-section .card-actions .unavailable{padding:9px 8px}.hero h1,.hero p.muted{white-space:pre-wrap;overflow-wrap:anywhere}.hero [hidden]{display:none}.domain-detail{padding:30px;background:white;border:1px solid #e8ecf4;border-radius:12px;margin-bottom:30px}.domain-detail h1{font-size:34px;overflow-wrap:anywhere}.domain-detail h2{font-size:20px;margin-top:30px}.domain-detail p{line-height:1.8}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere}.domain-detail .card-actions{max-width:420px}.breadcrumbs{margin-bottom:25px;font-size:13px;color:#7b89a5}.breadcrumbs a,.domain-detail p a{color:#4166ef}.filters>a{background:white;padding:12px 22px;border:1px solid #e8ebf2;border-radius:8px}.category-section h2 a:hover,.card .name a:hover{color:#4166ef}
.logo.has-logo{display:grid;grid-template-columns:repeat(2,1fr);width:max-content}.brand-logo-image{width:0;min-width:100%;height:70px;object-fit:contain}.brand-titles{white-space:nowrap}.wechat-qr{aspect-ratio:1;object-fit:contain}

/* Keep the homepage navigation visible while scrolling. */
body:has(> .hero):not(:has(.admin-main)) > header{position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #18233c08}
body:has(> .hero):not(:has(.admin-main)) main section[id]{scroll-margin-top:130px}

/* Mobile header and hero: keep navigation together and phrases intact. */
@media(max-width:750px){
header nav{padding:14px 16px 10px;gap:8px 12px;justify-content:center}
header nav>.logo,header nav>.logo.has-logo{flex:0 0 100%;width:100%;margin:0 0 4px;font-size:23px;text-align:center}
header nav>.logo.has-logo{display:grid;grid-template-columns:126px max-content;justify-content:center;gap:14px}
header nav .brand-logo-image{width:126px!important;min-width:0;height:52px;max-height:52px}
header nav .brand-titles{text-align:left;gap:5px}
header nav .logo small,header nav .logo.has-logo small{display:block;font-size:9px;letter-spacing:1.8px;margin:0}
header nav>a:not(.logo){flex:1 1 0;min-width:0;white-space:nowrap;text-align:center;font-size:12px;padding:9px 0}
.hero{padding:34px 16px 38px}
.hero .eyebrow{font-size:clamp(8.5px,2.3vw,11px);letter-spacing:clamp(.8px,.26vw,1.3px);white-space:nowrap;line-height:1.6}
.hero h1{font-size:clamp(25px,7vw,32px);letter-spacing:1px;line-height:1.5;margin:19px 0 16px;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-wrap:balance}
.hero h1 span{display:block;white-space:nowrap}
.hero p.muted{font-size:14px;line-height:1.9;margin:0 auto;max-width:30em;white-space:normal;word-break:normal;overflow-wrap:normal;text-wrap:balance;line-break:strict}
.hero .search{margin:24px auto 17px;padding:6px}
.hero .search input{font-size:13px;padding:12px 8px}
.hero .search button{font-size:13px;padding:12px 14px;white-space:nowrap}
.hero .hint{font-size:11px;letter-spacing:.3px}
}

.contact-inquiry{min-width:0;background:#fff;border:1px solid #e2e7f0;border-radius:12px;overflow:hidden}.inquiry-heading{display:flex;align-items:center;gap:14px;padding:24px;background:#fafbfe;border-bottom:1px solid #e2e7f0}.inquiry-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;background:white;border-radius:8px;color:#4166ef}.inquiry-eyebrow{font-size:11px;letter-spacing:2px;color:#8490a8;margin-bottom:7px}.inquiry-heading h3{font-size:24px;margin:0;color:#18233c}.contact-inquiry-form{padding:14px 24px 22px}.contact-inquiry-form label{font-size:14px;color:#35425a;margin:16px 0 9px}.contact-inquiry-form label>span{color:#d65353}.contact-inquiry-form input,.contact-inquiry-form textarea{width:100%;min-width:0;border:1px solid #dfe4ed;border-radius:8px;background:white;padding:11px 12px;outline:none;font-size:14px;box-shadow:0 2px 4px #18233c04}.contact-inquiry-form input:focus,.contact-inquiry-form textarea:focus{border-color:#4166ef;box-shadow:0 0 0 3px #4166ef12}.contact-inquiry-form input::placeholder,.contact-inquiry-form textarea::placeholder{color:#939db0}.inquiry-field{position:relative}.inquiry-field input{padding-right:62px}.inquiry-field small{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:11px;color:#8c98ac;pointer-events:none}.inquiry-message textarea{height:132px;min-height:110px;padding-bottom:30px;line-height:1.6;display:block}.inquiry-message small{top:auto;bottom:10px;transform:none}.inquiry-submit{display:flex;justify-content:flex-end;margin-top:18px}.inquiry-submit button{font-size:14px;padding:10px 20px}.contact-inquiry-form [role=status]{font-size:13px;line-height:1.7;margin:12px 0 0;overflow-wrap:anywhere}.contact-inquiry-form [role=status]:empty{display:none}.contact-inquiry-form .success{color:#26845d}.contact-inquiry-form .error{color:#bd4949}.reference-contact{grid-template-columns:minmax(0,1fr) minmax(330px,1.15fr);gap:48px}.message-contact{white-space:pre-wrap}@media(max-width:750px){.reference-contact{grid-template-columns:1fr;gap:28px;padding:36px 18px}.inquiry-heading{padding:20px}.contact-inquiry-form{padding:10px 18px 20px}.inquiry-heading h3{font-size:22px}}

/* Compact contact intake form. */
.reference-contact{padding-top:42px;padding-bottom:42px}.inquiry-heading{padding:14px 18px;gap:11px}.inquiry-icon{flex-basis:32px;height:32px}.inquiry-eyebrow{margin-bottom:4px;font-size:10px}.inquiry-heading h3{font-size:21px}.contact-inquiry-form{padding:5px 18px 14px}.contact-inquiry-form label{margin:10px 0 6px;font-size:13px}.contact-inquiry-form input,.contact-inquiry-form textarea{padding:8px 10px;font-size:13px;line-height:20px}.inquiry-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.inquiry-pair>div{min-width:0}.inquiry-field input{padding-right:48px}.inquiry-field small{right:8px;font-size:10px}.inquiry-message textarea{height:64px;min-height:64px;padding-bottom:22px;line-height:1.5}.inquiry-message small{bottom:6px}.inquiry-submit{margin-top:10px}.inquiry-submit button{padding:8px 18px;font-size:13px}.contact-inquiry-form [role=status]{margin-top:8px}@media(max-width:750px){.reference-contact{padding-top:28px;padding-bottom:28px}.inquiry-heading{padding:13px 16px}.contact-inquiry-form{padding:4px 14px 12px}.inquiry-pair{gap:10px}}

/* Remove the price/status row without retaining its spacing. */
.card .card-actions{margin-top:10px}

/* Mobile category navigation: three equal columns; desktop unchanged. */
@media(max-width:750px){#filters.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#filters.filters>a,#filters.filters>button{min-width:0;padding:11px 4px;text-align:center;font-size:13px;white-space:nowrap}}

/* Compact homepage hero spacing. */
.hero{padding:38px 20px 34px}.hero h1{margin:12px 0}.hero p.muted{margin:10px auto;line-height:1.7}.hero .search{margin:20px auto 12px}.hero .hint{line-height:1.5}
@media(max-width:750px){.hero{padding:22px 16px 24px}.hero h1{margin:12px 0 10px;line-height:1.4}.hero p.muted{margin:0 auto;line-height:1.7}.hero .search{margin:17px auto 10px}}

.section-english{color:#4166ef;font-size:12px;letter-spacing:1px;font-weight:600;margin-left:7px}#latestGrid{grid-template-columns:repeat(4,minmax(0,1fr))}#latestGrid>.card{padding:18px 22px}#latestGrid .name{margin:14px 0 7px}@media(max-width:1000px) and (min-width:751px){#latestGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){#latestGrid{grid-template-columns:1fr}.section-english{font-size:10px;letter-spacing:.5px}}