/* NACircle shared components. Page-specific assets load after this file. */
:root{--nac-canvas:#fff;--nac-font:"PingFang SC","Microsoft YaHei","HarmonyOS Sans SC","Helvetica Neue",Arial,sans-serif;--nac-blue:#2563eb;--nac-ink:#0f172a;--nac-muted:#64748b;--nac-line:#e2e8f0;--nac-radius:12px;--nac-width:1200px;--nac-shadow:0 12px 32px rgba(15,23,42,.055)}
body,input,select,textarea,button{font-family:var(--nac-font)}
h1,h2,h3,h4,h5,h6{font-family:var(--nac-font);color:var(--nac-ink)}
#blg-body,#blg-body h1,#blg-body h2,#blg-body h3,#blg-body .blg-title{font-family:var(--nac-font)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--nac-blue);outline-offset:3px}

/* Shared header: independent of Bootstrap's .nav defaults. */
header .nav.nac-header-nav{flex-wrap:nowrap}
header #logo .logo-link{display:inline-block;border-radius:8px;transition:transform .18s ease,filter .18s ease;transform-origin:center}
header #logo .logo-link:focus-visible{outline:2px solid var(--nac-blue);outline-offset:5px}
header .nac-nav-main .nac-nav-icon{font-size:14px;line-height:1;flex-shrink:0;width:16px;text-align:center;color:var(--nac-muted);transition:color .18s ease,transform .18s ease}
header .nav.nac-header-nav .nac-nav-main a.nac-nav-link{display:inline-flex;align-items:center;gap:6px;position:relative;border-radius:10px;color:#334155;background:transparent;box-shadow:none;transition:color .18s ease,background .18s ease,transform .18s ease}
header .nav.nac-header-nav .nac-nav-main a.nac-nav-selected{color:#1d4ed8;background:linear-gradient(180deg,#f0f6ff,#e8f1ff)}
header .nav.nac-header-nav .nac-nav-main a.nac-nav-selected .nac-nav-icon{color:var(--nac-blue)}
header .nav.nac-header-nav .nac-nav-main a:focus-visible{outline:2px solid var(--nac-blue);outline-offset:3px;background:#eff6ff}
header .menu-icon{border:0;background:transparent;cursor:pointer}
header .menu-icon>span{display:block;position:relative;width:24px;height:18px;background:none}
header .menu-icon>span>span{position:absolute;left:0;width:100%;height:2px;border-radius:100px;background:#101820;top:0;transition:.2s}
header .menu-icon>span>span.l2{top:50%;margin-top:-1px}
header .menu-icon>span>span.l3{bottom:0;top:auto}
header .menu-icon.opened>span>span.l1{top:8px;transform:rotate(45deg)}
header .menu-icon.opened>span>span.l2{opacity:0}
header .menu-icon.opened>span>span.l3{top:8px;transform:rotate(-45deg)}
@media(hover:hover) and (pointer:fine){
  header #logo .logo-link:hover{transform:translateY(-1px) scale(1.045);filter:drop-shadow(0 3px 5px rgba(37,99,235,.18))}
  header .nav.nac-header-nav .nac-nav-main a.nac-nav-link:hover{background:#d2e3ff;color:#163f9b;box-shadow:0 2px 7px rgba(37,99,235,.12);transform:translateY(-1px)}
  header .nav.nac-header-nav .nac-nav-main a.nac-nav-link:hover .nac-nav-icon{color:var(--nac-blue);transform:translateY(-1px)}
}
@media(min-width:1101px){header .nav.nac-header-nav{display:flex!important}}
@media(min-width:1101px) and (max-width:1250px){header .box{gap:16px}header .nav.nac-header-nav{gap:12px}header .nac-nav-main,header .nac-nav-actions{gap:3px}header .nac-nav-main .nac-nav-link{padding:8px 7px;gap:5px}header .nac-header-nav a,header .nac-app-trigger{font-size:14px}header .nac-auth-link,header .nac-app-trigger{padding:8px 7px}}
@media(max-width:1100px){
  header .nav.nac-header-nav .nac-nav-main a.nac-nav-link{display:flex;gap:9px;border-radius:0}
  header .nac-nav-dd-menu,header .nac-app-card{position:static;width:100%;visibility:visible;opacity:1;transform:none;box-shadow:none;border:0;background:#f8fafc}
}
@media(min-width:768px) and (max-width:1100px){
  header .box{position:relative;min-height:54px;justify-content:space-between}
  header .menu-icon.isTablet.isMobile{display:block!important;position:relative;right:auto;top:auto;width:36px;height:36px;padding:9px 6px;margin-left:auto}
  header .nav.nac-header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;z-index:50;max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 16px 32px rgba(15,23,42,.08)}
  header .nac-nav-main,header .nac-nav-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}
  header .nac-header-nav a.nac-nav-link,header .nac-header-nav a.nac-auth-link,header .nac-header-nav a.nac-post-link,header .nac-app-trigger{width:100%;justify-content:center;text-align:center;margin:0;padding:14px 20px;border-bottom:1px solid #eef2f7;border-radius:0}
  header .nac-nav-dd,header .nac-app-dd{width:100%}
  header .nac-nav-dd-menu{display:grid;grid-template-columns:1fr 1fr}
}

/* Borderless section hero, shared dimensions with page-specific colors/icons. */
.nac-community-hero{text-align:left;position:relative;isolation:isolate;overflow:hidden;margin:0 0 18px;padding:26px 30px;border:0;border-radius:var(--nac-radius);background:linear-gradient(115deg,#eff6ff,#e6f5ff 55%,#dcfce7);box-shadow:0 12px 34px rgba(37,99,235,.07)}
.nac-community-kicker{display:inline-flex;margin:0 0 8px;padding:4px 10px;border:1px solid rgba(37,99,235,.14);border-radius:20px;background:rgba(255,255,255,.65);color:#1d4ed8;letter-spacing:.11em;font-size:11px;line-height:16px;font-weight:900}
.nac-community-hero h1{margin:0;color:#102b54;font-size:34px;line-height:42px;font-weight:900}
.nac-community-hero p{max-width:720px;margin:8px 0 0;color:#405777;font-size:16px;line-height:26px}
.nac-community-hero:after{font-family:"Font Awesome 5 Free"!important;content:"\f086";font-weight:400;font-style:normal;position:absolute;z-index:-1;display:flex;align-items:center;justify-content:center;top:0;right:32px;width:150px;height:100%;font-size:104px;line-height:1;color:var(--nac-blue);opacity:.17;pointer-events:none}
body.nac-deals-page .nac-community-hero{background:linear-gradient(115deg,#eff6ff,#fff5e9 60%,#ffedd5)}
body.nac-drama-page .nac-community-hero{background:linear-gradient(115deg,#eff6ff,#eeeaff 58%,#f5e7ff)}
body.nac-drama-page .nac-community-hero:after{content:"\f144";color:#7c3aed}
body.nac-blog-page .nac-community-hero{background:linear-gradient(115deg,#eff6ff,#e8f3ff 60%,#dbeafe)}
body.nac-blog-page .nac-community-hero:after{content:"\f1ea"}
body.contact .nac-community-hero{background:linear-gradient(115deg,#eff6ff,#edf9f6 60%,#ddf5ec)}
body.contact .nac-community-hero:after{content:"\f2b5";color:#059669}
body.nac-deals-page .nac-community-hero:before,body.nac-deals-page .nac-community-hero:after{font-family:"Font Awesome 5 Free"!important;font-weight:900;position:absolute;z-index:-1;display:flex;align-items:center;justify-content:center;top:0;width:105px;height:100%;color:#c2410c;opacity:.13;pointer-events:none}
body.nac-deals-page .nac-community-hero:before{content:"\f02b";right:150px;font-size:82px;transform:rotate(-12deg)}
body.nac-deals-page .nac-community-hero:after{content:"\f290";right:32px;font-size:88px;transform:rotate(8deg)}
.nac-price-currency{display:inline-block;font-size:.6em;line-height:1.3;vertical-align:top;padding-top:.12em;margin-right:1px}
@media(max-width:767px){
  .nac-community-hero{padding:22px 18px;margin-bottom:14px}
  .nac-community-hero h1{font-size:30px;line-height:38px}
  .nac-community-hero p{font-size:15px;line-height:24px}
  .nac-community-hero:after{font-size:76px;width:100px;right:8px;opacity:.09}
  body.nac-deals-page .nac-community-hero:before,body.nac-deals-page .nac-community-hero:after{font-size:56px;width:65px;opacity:.07}
  body.nac-deals-page .nac-community-hero:before{right:75px}body.nac-deals-page .nac-community-hero:after{right:8px}
}

/* Consistent secondary pages, form cards, and readable content typography. */
body.contact > section{padding-top:24px!important}
body.contact #content.wrapper{max-width:var(--nac-width);width:100%;padding:0}
body.contact #main{width:100%;max-width:none;float:none}
body.contact .form-container-box{width:100%;max-width:720px;float:none;margin:24px auto 48px;padding:28px;border:1px solid var(--nac-line);border-radius:var(--nac-radius);box-shadow:var(--nac-shadow)}
body.contact .form-container-box .header h2{font-size:22px;line-height:1.4;margin:0 0 24px}
body.contact .form-horizontal .control-label{font-size:14px;line-height:1.6;margin-bottom:6px}
body.contact .form-horizontal input[type=text],body.contact .form-horizontal textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:15px}
body.contact .form-horizontal .control-group{margin-bottom:20px}
body.contact .form-horizontal .btn{border-radius:8px;min-height:42px;font-size:15px}
body.auth-page .form-container-box .header h1{font-size:28px;line-height:1.4}
body.search .list-header h1{font-size:30px;line-height:1.4}
body.user-public-profile #item-content{border-radius:var(--nac-radius);padding:24px}
body.user-public-profile .user-card{display:flex;align-items:flex-start;gap:18px;border:0;box-shadow:none;padding:0;margin-bottom:24px;min-height:0}
body.user-public-profile .user-card .user-img{flex:0 0 80px;margin:0}
body.user-public-profile .user-card .user-img img{position:static;width:80px;height:80px}
body.user-public-profile #user_data{flex:1;min-width:0;padding:0;overflow-wrap:anywhere}
body.user-public-profile #user_data li{margin-bottom:8px}
body.user-public-profile .similar_ads h2{font-size:22px;line-height:1.4;margin-bottom:16px}
body.user-public-profile .user-card .user-img img{border-radius:12px;object-fit:cover}
body.user-public-profile #user_data .name{font-size:26px;line-height:1.4}
body.page #main>h1{font-size:32px;line-height:1.4;margin-bottom:24px}
body.page #main{line-height:1.8;color:#334155}
body.nac-blog-page #blg-body .nac-news-hero{grid-column:1/-1;width:100%;float:none}
body:has(#blg-body .nac-news-hero)>section{padding-top:24px!important}
body.nac-blog-page:has(.nac-news-hero) #blg-body{padding-top:0}
@media(max-width:767px){
  body.contact>section,body:has(#blg-body .nac-news-hero)>section{padding-top:12px!important}
  body.contact .form-container-box{padding:20px;margin-top:18px}
  body.search .list-header h1,body.page #main>h1{font-size:26px}
  body.user-public-profile #item-content{padding:16px}
  body.user-public-profile #user_data .name{font-size:23px}
  #blg-body.nac-article-page{padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){header #logo .logo-link,header .nav.nac-header-nav .nac-nav-main a.nac-nav-link,header .nac-nav-main .nac-nav-icon{transition:none;transform:none!important}}

/* Shared footer: brand column and three responsive navigation groups. */
body footer.nac-site-footer{clear:both;padding:48px 0 22px;border-top:1px solid #233955;background:radial-gradient(ellipse at 0% 0%,rgba(48,106,180,.22),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(24,119,129,.16),transparent 50%),#101f35;color:#b9c9de;text-align:left}
footer.nac-site-footer>.wrapper{max-width:1200px;width:100%;margin:0 auto;padding:0}
.nac-footer-grid{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:40px}
.nac-footer-brand .logo-link{display:inline-block;border-radius:8px}
.nac-footer-brand .logo-img{display:block;width:auto;height:44px;max-width:180px;object-fit:contain}
.nac-footer-brand p{font-size:14px;line-height:1.8;color:#b9c9de}
.nac-footer-tagline{margin:16px 0 8px}.nac-footer-copyright{margin:0}
.nac-footer-group h2{margin:0 0 16px;font-size:15px;line-height:24px;font-weight:700;color:#f1f6ff}
.nac-footer-group ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.nac-footer-group li{margin:0;padding:0;line-height:24px}
body footer.nac-site-footer .nac-footer-group a,body footer.nac-site-footer .nac-footer-languages a{display:inline-block;font-size:14px;color:#b9c9de;text-decoration:none;transition:color .15s ease}
body footer.nac-site-footer .nac-footer-group a:hover,body footer.nac-site-footer .nac-footer-languages a:hover{color:#fff}
.nac-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid rgba(185,201,222,.16)}
.nac-footer-extra:empty{display:none}.nac-footer-extra{font-size:13px}
.nac-footer-languages{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-left:auto}
.nac-footer-languages>i{font-size:13px;color:#94a3b8}
body footer.nac-site-footer .nac-footer-languages a{font-size:12px}
body footer.nac-site-footer .nac-footer-languages a[aria-current]{color:#fff;font-weight:600}
@media(max-width:1224px){footer.nac-site-footer>.wrapper{padding-left:12px;padding-right:12px}}
@media(max-width:900px){.nac-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.nac-footer-brand{grid-column:1/-1}}
@media(max-width:575px){body footer.nac-site-footer{padding-top:32px}.nac-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.nac-footer-brand{grid-column:1/-1}.nac-footer-group:last-child{grid-column:1/-1}.nac-footer-bottom{margin-top:28px;padding-top:18px}.nac-footer-languages{margin-left:0}.nac-footer-brand .logo-img{height:38px}}
@media(prefers-reduced-motion:reduce){body footer.nac-site-footer a{transition:none!important}}

/* Site palette: white canvas, tinted navigation, midnight footer. */
html,body,body.nacircle-home{background-color:var(--nac-canvas);color:var(--nac-ink)}
body,body.nacircle-home{background-image:none}
body .nac-community,body .nac-portal-body{background:transparent}
body.auth-page>section,body.item-post>section{background:#fff}
body.auth-page>section:before,body.auth-page>section:after{background:none}
body>header,body.home>header{background:linear-gradient(110deg,#e4efff 0%,#f2f7ff 48%,#e9f4f4 100%);border-bottom:1px solid #d2e0f0;box-shadow:0 4px 18px rgba(30,58,95,.06)}
header .nav.nac-header-nav .nac-nav-main a.nac-nav-selected{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px rgba(37,99,235,.09)}
body .nac-portal-hero{background:linear-gradient(115deg,#dcecff 0%,#eaf2ff 40%,#eee9ff 72%,#fff0dd 100%)}
div.breadcrumb{background:rgba(255,255,255,.7)}
#blg-body .blg-news-head{background:transparent}
body footer.nac-site-footer .nac-footer-extra a{color:#b9c9de}
body footer.nac-site-footer a:focus-visible{outline-color:#93c5fd}
.nac-footer-brand .logo-link{filter:drop-shadow(0 3px 6px rgba(0,0,0,.14))}
