.top-doamin-header{/*height:var(--spacing-128);*/background:url(../image/topdomain-header-bg.jpg) no-repeat center center/cover}.top-doamin-header .navbar-wrapper{background:0 0}.top-doamin-header .header-container{flex:1;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-direction:column;padding:var(--spacing-10) 0}.top-doamin-header .header-container .header-titlebar{display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;align-items:center;width:var(--spacing-160);text-align:center;line-height:1.8;font-size:var(--text-base);color:var(--color-neutral-500)}.top-doamin-header .header-container .header-titlebar h1{font-size:var(--text-4xl);color:var(--color-white)}.top-doamin-header .header-container .header-navigation{display:flex;justify-content:cneter;align-items:center;gap:var(--spacing-6);margin:0 auto;width:fit-content}.top-doamin-header .header-container .header-navigation .navigation-item{display:flex;justify-content:center;align-items:center;gap:normal;padding:var(--spacing-2) var(--spacing-4);width:fit-content;min-width:var(--spacing-24);border-radius:var(--rounded-md);background-color:rgba(115,115,115,.4);outline:0;border:none;cursor:pointer;color:var(--color-white);font-size:var(--text-base)}.top-doamin-header .header-container .header-navigation .navigation-item:hover{background-color:var(--color-brand-600);text-decoration:none}.top-doamin-header .header-container .header-navigation .navigation-item.active{background-color:var(--color-brand-600)}@media (width <= 40rem){.top-doamin-header .header-container{padding:var(--spacing-6) 0;gap:var(--spacing-4)}.top-doamin-header .header-container .header-titlebar{width:90vw;font-size:var(--text-sm);word-wrap:break-word;word-break:break-all}.top-doamin-header .header-container .header-titlebar h1{font-size:var(--text-2xl)}.top-doamin-header .header-container .header-navigation{display:none}}@media (width <= 40rem){.top-doamin-header{padding:var(--topbar-height) var(--spacing-4) var(--spacing-4);height:auto}}.top-domain-page-main .page-container{display:flex;flex-direction:column;gap:var(--spacing-12);padding:var(--spacing-12) 0}.top-domain-page-main .domain-group{position:relative;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--rounded-md);background-color:#2c0f14;background-position:left center;background-repeat:no-repeat;background-size:contain}.top-domain-page-main .domain-group.group-hot{background-color:#383533;background-image:url(../image/topdomain-group-hot.jpg)}.top-domain-page-main .domain-group.group-hot .dn-top-domain-item .item-name{background-color:rgba(234,179,8,.4)}.top-domain-page-main .domain-group.group-2letter{background-color:#2b2621;background-image:url(../image/topdomain-group-2letter.jpg)}.top-domain-page-main .domain-group.group-2letter .dn-top-domain-item .item-name{background-color:rgba(16,185,129,.4)}.top-domain-page-main .domain-group.group-3letter{background-color:#1d2c28;background-image:url(../image/topdomain-group-3letter.jpg)}.top-domain-page-main .domain-group.group-3letter .dn-top-domain-item .item-name{background-color:rgba(14,165,233,.4)}.top-domain-page-main .domain-group.group-4letter{background-color:#1e2e35;background-image:url(../image/topdomain-group-4letter.jpg)}.top-domain-page-main .domain-group.group-4letter .dn-top-domain-item .item-name{background-color:rgba(168,85,247,.4)}.top-domain-page-main .domain-group.group-number{background-color:#2d2536;background-image:url(../image/topdomain-group-number.jpg)}.top-domain-page-main .domain-group.group-number .dn-top-domain-item .item-name{background-color:rgba(236,72,153,.4)}.top-domain-page-main .group-side{grid-column:span 4/span 4;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4)}.top-domain-page-main .group-side .group-title{font-size:var(--text-2xl);color:var(--color-white);font-weight:var(--font-semibold)}.top-domain-page-main .group-side .group-link{display:flex;align-items:center;gap:var(--spacing-2);align-self:flex-end;padding:var(--spacing-1-5) var(--spacing-2-5);width:fit-content;border-radius:var(--rounded-md);border:1px solid var(--color-neutral-200);background-color:transparent;font-size:var(--text-sm);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.top-domain-page-main .group-side .group-link:hover{border-color:var(--color-neutral-200);background-color:var(--color-neutral-200);text-decoration:none;color:var(--color-neutral-800)}.top-domain-page-main .group-container{grid-column:span 12/span 12;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-4)}.top-domain-page-main .hot-icon{position:absolute;top:calc(var(--spacing-8) * -1);left:calc(var(--spacing-8) * -1);width:var(--spacing-16);height:var(--spacing-16);background:url(../image/domain-detail-icon-topdomain.png) no-repeat center center;transform:rotate(-45deg)}@media (width <= 40rem){.top-domain-page-main .page-container{gap:var(--spacing-6);padding:var(--spacing-4)}.top-domain-page-main .domain-group{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4);padding:var(--spacing-4);background-position:left top}.top-domain-page-main .group-side{grid-column:auto/auto;flex-direction:row;padding:0}.top-domain-page-main .group-container{grid-column:auto/auto;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4)}}