@charset "UTF-8";

:root{
  --bc-bg:#ffffff;
  --bc-soft:#f6f8fb;
  --bc-soft-2:#eef3f8;
  --bc-text:#111827;
  --bc-muted:#667085;
  --bc-line:#e5eaf0;
  --bc-primary:#5fa8ff;
  --bc-primary-dark:#356fb8;
  --bc-accent:#1f2937;
  --bc-card:#ffffff;
  --bc-shadow:0 12px 34px rgba(16,24,40,.08);
  --bc-radius:12px;
}

body.bc-home-page{
  min-height:100vh;
  background:var(--bc-bg);
  color:var(--bc-text);
  font-family:var(--bc-font-sans);
}

.bc-home-page a{color:inherit;text-decoration:none;}
.bc-home-page button{font:inherit;}

.bc-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(229,234,240,.72);
  backdrop-filter:blur(16px);
}

.bc-header-inner{
  max-width:1320px;
  height:72px;
  margin:0 auto;
  padding:0 28px;
  display:flex;
  align-items:center;
  gap:28px;
}

.bc-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  font-weight:700;
  letter-spacing:-.04em;
}

.bc-logo-mark{
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#111827;
  color:#fff;
  font-weight:700;
}

.bc-logo-text{font-size:26px;color:#202631;}

.bc-desktop-nav{
  display:flex;
  align-items:center;
  gap:28px;
  flex:1 1 auto;
  min-width:0;
}

.bc-desktop-nav a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:16px;
  font-weight:600;
  white-space:nowrap;
  color:#111827;
}

.bc-desktop-nav a:hover{color:var(--bc-primary-dark);}

.bc-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex:0 0 auto;
}

.bc-icon-button{
  width:38px;
  height:38px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  color:#111827;
}

.bc-icon-button:hover{background:var(--bc-soft);border-color:var(--bc-line);}

.bc-text-link{font-size:14px;font-weight:600;color:#475467;white-space:nowrap;}

.bc-create-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 18px;
  border:2px solid var(--bc-primary);
  border-radius:14px;
  color:#111827;
  font-weight:700;
  background:#fff;
  white-space:nowrap;
}

.bc-create-button:hover{background:#eef7ff;}

.bc-main{
  max-width:1320px;
  margin:0 auto;
  padding:22px 28px 80px;
}

.bc-search-section{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:36px;
  min-height:84px;
}

.bc-search-box{
  width:min(604px,100%);
  height:56px;
  border:1.8px solid var(--bc-primary);
  border-radius:18px;
  display:flex;
  align-items:center;
  padding:0 14px 0 18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(0,166,178,.08);
}

.bc-search-box input{
  flex:1 1 auto;
  min-width:0;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#111827;
  font-size:15px;
}

.bc-search-box input::placeholder{color:#98a2b3;}

.bc-search-divider{
  width:1px;
  height:22px;
  background:#d8dee6;
  margin:0 12px;
}

.bc-search-box button{
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#111827;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}

.bc-search-side{
  align-items:center;
  gap:24px;
  font-size:16px;
  font-weight:600;
}

.bc-search-side strong{color:var(--bc-primary);margin-right:4px;}

.bc-quick-menu{
  display:grid;
  grid-template-columns:repeat(10,minmax(76px,1fr));
  gap:16px;
  padding:28px 0 22px;
  overflow-x:auto;
  scrollbar-width:none;
}

.bc-quick-menu::-webkit-scrollbar{display:none;}

.bc-quick-item{
  min-width:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:#111827;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}

.bc-quick-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f1f4f8;
  color:#1f2937;
  font-size:25px;
  position:relative;
}

.bc-quick-item.is-primary .bc-quick-icon{
  background:linear-gradient(135deg,#2be889,#18d76e);
  color:#0b3b28;
}

.bc-quick-item:hover .bc-quick-icon{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.1);}

.bc-mobile-action-row{display:none;}

.bc-category-bar{
  display:flex;
  align-items:center;
  gap:36px;
  padding:26px 0 18px;
  border-bottom:1px solid var(--bc-line);
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}

.bc-category-bar::-webkit-scrollbar{display:none;}

.bc-category-bar a{
  font-size:15px;
  font-weight:600;
  color:#1f2937;
  padding:6px 0;
}

.bc-category-bar a.active,.bc-category-bar a:hover{color:var(--bc-primary-dark);}

.bc-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 392px;
  gap:40px;
  align-items:start;
  padding-top:40px;
}

.bc-left-column{min-width:0;}

.bc-feature-banner{
  min-height:274px;
  border-radius:8px;
  overflow:hidden;
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding:34px 46px;
  background:
    linear-gradient(90deg,rgba(15,23,42,.72),rgba(15,23,42,.28)),
    linear-gradient(135deg,#cfe7ff,#f1f7fb 45%,#b5d6df);
  box-shadow:inset 0 -80px 120px rgba(15,23,42,.18);
}

.bc-feature-copy{position:relative;z-index:2;color:#fff;align-self:center;}

.bc-feature-copy span{
  display:inline-flex;
  margin-bottom:14px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  opacity:.9;
}

.bc-feature-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(27px,3vw,36px);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.04em;
}

.bc-feature-copy p{margin:14px 0 0;color:rgba(255,255,255,.86);font-size:15px;}

.bc-feature-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}

.bc-feature-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 15px;
  border-radius:10px;
  background:#fff;
  color:#111827;
  font-weight:700;
  font-size:13px;
}

.bc-feature-actions a + a{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);}

.bc-feature-visual{
  position:relative;
  min-height:206px;
  align-self:center;
}

.bc-visual-card{
  position:absolute;
  width:174px;
  height:178px;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#0f172a;
  box-shadow:0 18px 36px rgba(15,23,42,.16);
}

.bc-visual-card i{font-size:42px;}
.bc-visual-card b{font-size:16px;}
.bc-visual-card-one{left:0;top:8px;background:#eef9ff;}
.bc-visual-card-two{left:150px;top:0;background:#fff4de;}
.bc-visual-card-three{left:300px;top:14px;background:#eaf6f3;}

.bc-banner-controls{
  position:absolute;
  right:40px;
  bottom:40px;
  display:flex;
  gap:10px;
}

.bc-banner-controls span{
  width:40px;
  height:40px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(17,24,39,.36);
  color:#fff;
  font-size:22px;
}

.bc-section-block{margin-top:36px;}

.bc-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.bc-section-head h2{margin:0;color:#111827;font-size:25px;line-height:1.22;font-weight:700;letter-spacing:-.03em;}
.bc-section-head p{margin:8px 0 0;color:#667085;font-size:14px;}
.bc-section-head > a{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;}
.bc-section-head > a:hover{color:var(--bc-primary-dark);}

.bc-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.bc-service-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--bc-line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 20px rgba(16,24,40,.06);
}

.bc-service-card:hover{transform:translateY(-3px);box-shadow:var(--bc-shadow);}

.bc-card-cover{
  height:146px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  color:#fff;
  font-size:52px;
}

.bc-card-cover span{
  position:absolute;
  top:12px;
  left:12px;
  height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:8px;
  color:#fff;
  background:rgba(17,24,39,.68);
  font-size:12px;
  font-weight:700;
}

.bc-cover-marketing{background:linear-gradient(135deg,#fff065,#ffad33);}
.bc-cover-tax{background:linear-gradient(135deg,#101828,#667085);}
.bc-cover-meetup{background:linear-gradient(135deg,#a8d8ff,#98f5d3);}
.bc-card-body{padding:15px 14px 16px;}
.bc-card-body strong{display:block;color:#111827;font-size:15px;line-height:1.45;min-height:42px;}
.bc-card-body p{margin:8px 0 0;color:#667085;font-size:13px;line-height:1.45;}
.bc-card-body b{display:inline-block;margin-top:12px;color:var(--bc-primary);font-size:15px;}

.bc-request-list{display:grid;gap:10px;}
.bc-request-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:16px;
  border:1px solid var(--bc-line);
  border-radius:10px;
  background:#fff;
}
.bc-request-item:hover{box-shadow:var(--bc-shadow);}
.bc-status{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:30px;border-radius:8px;font-size:12px;font-weight:700;}
.bc-status.open{background:#e6fffb;color:#356fb8;}
.bc-status.review{background:#fff7e6;color:#b45309;}
.bc-status.urgent{background:#ffecec;color:#d92d20;}
.bc-request-item strong{display:block;color:#111827;font-size:15px;line-height:1.45;}
.bc-request-item p{margin:5px 0 0;color:#667085;font-size:13px;}
.bc-request-item > i{color:#98a2b3;}

.bc-right-column{position:sticky;top:96px;display:grid;gap:18px;}
.bc-ranking-card,.bc-mini-panel{background:#fff;border-left:1px solid var(--bc-line);padding:28px 0 28px 38px;}
.bc-ranking-card h2{margin:0 0 26px;color:#111827;font-size:25px;font-weight:700;letter-spacing:-.03em;}
.bc-rank-tabs{display:flex;gap:16px;border-bottom:1px solid var(--bc-line);margin-bottom:18px;}
.bc-rank-tabs a{display:inline-flex;padding:0 0 10px;font-size:15px;font-weight:700;color:#667085;border-bottom:2px solid transparent;}
.bc-rank-tabs a.active{color:#111827;border-bottom-color:#111827;}
.bc-rank-list{list-style:none;margin:0;padding:0;display:grid;gap:15px;}
.bc-rank-list a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;}
.bc-rank-list span{font-weight:700;color:#111827;}
.bc-rank-list strong{display:block;color:#111827;font-size:14px;line-height:1.42;}
.bc-rank-list p{margin:4px 0 0;color:var(--bc-primary);font-size:14px;font-weight:700;}
.bc-rank-list a:hover strong{color:var(--bc-primary-dark);}

.bc-mini-panel{border-top:1px solid var(--bc-line);}
.bc-mini-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.bc-mini-head strong{font-size:17px;color:#111827;}
.bc-mini-head a{font-size:13px;color:#667085;font-weight:600;}
.bc-mini-panel > a{display:flex;align-items:center;gap:10px;padding:10px 0;color:#344054;font-size:14px;font-weight:600;}
.bc-mini-panel > a i{color:var(--bc-primary);}

.bc-bottom-sections{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-top:40px;
}
.bc-tool-panel,.bc-join-panel{border-radius:14px;border:1px solid var(--bc-line);background:#fff;padding:24px;box-shadow:0 8px 24px rgba(16,24,40,.05);}
.bc-section-head.compact{margin-bottom:16px;}
.bc-section-head.compact h2{font-size:22px;}
.bc-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.bc-tool-grid a{min-height:90px;border-radius:12px;background:var(--bc-soft);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:16px;font-weight:700;color:#111827;}
.bc-tool-grid a i{font-size:24px;color:var(--bc-primary-dark);}
.bc-tool-grid a:hover{background:#eef7ff;}
.bc-join-panel{background:linear-gradient(135deg,#101828,#356fb8);color:#fff;}
.bc-join-panel span{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.08em;color:#cfe7ff;}
.bc-join-panel h2{margin:10px 0 8px;color:#fff;font-size:25px;line-height:1.28;font-weight:700;letter-spacing:-.03em;}
.bc-join-panel p{margin:0;color:rgba(255,255,255,.76);font-size:14px;}
.bc-join-panel div{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.bc-join-panel a{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;background:#fff;color:#111827;font-weight:700;}
.bc-join-panel a + a{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28);}

.bc-floating-create,.bc-mobile-bottom{display:none;}

@media (max-width:1180px){
  .bc-header-inner{gap:18px;padding:0 18px;}
  .bc-desktop-nav{gap:18px;}
  .bc-content-grid{grid-template-columns:minmax(0,1fr) 332px;gap:26px;}
  .bc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bc-service-card:nth-child(3){display:none;}
  .bc-visual-card-three{display:none;}
}

@media (max-width:991px){
  .bc-header{position:sticky;}
  .bc-header-inner{height:54px;padding:0 14px;}
  .bc-logo-mark{display:none;}
  .bc-logo-text{font-size:22px;letter-spacing:-.05em;}
  .bc-desktop-nav,.bc-text-link,.bc-create-button{display:none;}
  .bc-header-actions{margin-left:auto;gap:4px;}
  .bc-icon-button{width:38px;height:38px;border-radius:12px;font-size:18px;}
  .bc-main{padding:8px 12px 92px;}
  .bc-search-section{min-height:56px;gap:8px;justify-content:flex-start;}
  .bc-search-box{height:40px;border-radius:20px;padding:0 9px 0 14px;width:100%;}
  .bc-search-box input{font-size:13px;}
  .bc-search-divider{height:18px;margin:0 6px;}
  .bc-search-box button{width:30px;height:30px;font-size:18px;}
  .bc-quick-menu{display:flex;gap:18px;padding:18px 0 12px;margin:0 -12px;padding-left:12px;padding-right:12px;}
  .bc-quick-item{min-width:64px;font-size:12px;gap:7px;}
  .bc-quick-icon{width:50px;height:50px;font-size:21px;}
  .bc-mobile-action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px;}
  .bc-mobile-action-row a{height:40px;border:1px solid #cfd8e3;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;color:#344054;font-size:13px;font-weight:600;}
  .bc-mobile-action-row a i{color:#98a2b3;font-size:17px;}
  .bc-category-bar{display:none;}
  .bc-content-grid{display:block;padding-top:4px;}
  .bc-feature-banner{display:none;}
  .bc-section-block{margin-top:20px;}
  .bc-section-head{align-items:center;margin-bottom:12px;}
  .bc-section-head h2{font-size:21px;}
  .bc-section-head p{font-size:12px;margin-top:3px;}
  .bc-section-head > a{font-size:12px;}
  .bc-card-grid{display:grid;grid-template-columns:1fr;gap:24px;}
  .bc-service-card{border-radius:7px;box-shadow:0 5px 16px rgba(16,24,40,.1);}
  .bc-service-card:nth-child(3){display:flex;}
  .bc-card-cover{height:250px;font-size:64px;}
  .bc-card-body{padding:13px 16px 18px;}
  .bc-card-body strong{font-size:16px;min-height:0;}
  .bc-card-body b{font-size:18px;}
  .bc-feed-section{margin-top:30px;}
  .bc-request-item{grid-template-columns:1fr auto;padding:14px;gap:10px;}
  .bc-request-item .bc-status{grid-column:1/3;justify-content:flex-start;min-width:0;width:max-content;padding:0 10px;}
  .bc-right-column{position:static;margin-top:30px;}
  .bc-ranking-card,.bc-mini-panel{border-left:0;border:1px solid var(--bc-line);border-radius:12px;padding:20px 16px;}
  .bc-ranking-card h2{font-size:21px;margin-bottom:18px;}
  .bc-bottom-sections{grid-template-columns:1fr;margin-top:24px;gap:14px;}
  .bc-tool-panel,.bc-join-panel{padding:18px 16px;border-radius:12px;}
  .bc-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bc-join-panel h2{font-size:22px;}
  .bc-floating-create{position:fixed;right:18px;bottom:74px;z-index:1002;width:52px;height:52px;border-radius:50%;background:#17202a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 25px rgba(17,24,39,.28);}
  .bc-floating-create span{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:#ff5065;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;}
  .bc-mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:1001;height:60px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--bc-line);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 20px rgba(16,24,40,.06);}
  .bc-mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#667085;font-size:11px;font-weight:600;}
  .bc-mobile-bottom i{font-size:20px;}
  .bc-mobile-bottom a.active{color:#111827;}
}

@media (max-width:420px){
  .bc-card-cover{height:250px;}
  .bc-tool-grid a{min-height:82px;padding:14px;font-size:13px;}
  .bc-mobile-action-row a{font-size:12px;gap:5px;}
}

@media (prefers-color-scheme:dark){
  body.bc-home-page{background:#060606;color:#f8fafc;}
  .bc-header,.bc-search-box,.bc-service-card,.bc-request-item,.bc-ranking-card,.bc-mini-panel,.bc-tool-panel,.bc-mobile-action-row a,.bc-mobile-bottom{background:#0b0b0b;border-color:#1f2937;}
  .bc-logo-text,.bc-desktop-nav a,.bc-icon-button,.bc-category-bar a,.bc-section-head h2,.bc-card-body strong,.bc-request-item strong,.bc-ranking-card h2,.bc-rank-list strong,.bc-mini-head strong,.bc-tool-grid a,.bc-create-button{color:#f8fafc;}
  .bc-create-button{background:#0b0b0b;}
  .bc-search-box input{color:#f8fafc;}
  .bc-soft,.bc-quick-icon,.bc-tool-grid a{background:#151515;}
  .bc-card-body p,.bc-request-item p,.bc-section-head p{color:#9ca3af;}
  .bc-mobile-bottom a{color:#9ca3af;}
  .bc-mobile-bottom a.active{color:#fff;}
}

body.bc-home-page.amoled,
body.bc-home-page[data-theme="amoled"]{background:#000;}

.bc-community-chat-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) 392px;
  gap:24px;
  margin-top:40px;
}
.bc-community-preview,.bc-chat-preview{
  border:1px solid var(--bc-line);
  border-radius:14px;
  background:#fff;
  padding:24px;
  box-shadow:0 8px 24px rgba(16,24,40,.05);
}
.bc-community-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.bc-community-mini-card{
  min-height:132px;
  border:1px solid var(--bc-line);
  border-radius:12px;
  background:var(--bc-soft);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.bc-community-mini-card i{font-size:25px;color:var(--bc-primary-dark);}
.bc-community-mini-card strong{font-size:15px;line-height:1.35;color:#111827;}
.bc-community-mini-card span{margin-top:auto;color:#667085;font-size:12px;font-weight:600;}
.bc-chat-mini-room{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--bc-line);
  border-radius:12px;
  background:#fff;
}
.bc-chat-mini-room + .bc-chat-mini-room{margin-top:9px;}
.bc-chat-mini-room > span{
  width:42px;
  height:42px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e6fffb;
  color:#356fb8;
  font-weight:700;
}
.bc-chat-mini-room strong{display:block;color:#111827;font-size:14px;line-height:1.35;}
.bc-chat-mini-room p{margin:3px 0 0;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bc-chat-mini-room em{min-width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff5065;color:#fff;font-style:normal;font-size:11px;font-weight:700;}

@media (max-width:991px){
  .bc-community-chat-section{grid-template-columns:1fr;margin-top:24px;gap:14px;}
  .bc-community-preview,.bc-chat-preview{padding:18px 16px;border-radius:12px;}
  .bc-community-mini-grid{display:flex;overflow-x:auto;gap:12px;margin:0 -16px;padding:0 16px;scrollbar-width:none;}
  .bc-community-mini-grid::-webkit-scrollbar{display:none;}
  .bc-community-mini-card{flex:0 0 176px;}
}

@media (prefers-color-scheme:dark){
  .bc-community-preview,.bc-chat-preview,.bc-chat-mini-room{background:#0b0b0b;border-color:#1f2937;}
  .bc-community-mini-card{background:#151515;border-color:#1f2937;}
  .bc-community-mini-card strong,.bc-chat-mini-room strong{color:#f8fafc;}
  .bc-community-mini-card span,.bc-chat-mini-room p{color:#9ca3af;}
}

.bc-board-preview{
  border:1px solid var(--bc-line);
  border-radius:14px;
  background:#fff;
  padding:24px;
  box-shadow:0 8px 24px rgba(16,24,40,.05);
}
.bc-board-mini-post{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--bc-line);
  border-radius:12px;
  background:#fff;
}
.bc-board-mini-post + .bc-board-mini-post{margin-top:9px;}
.bc-board-mini-post > span{
  min-width:48px;
  height:32px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef7ff;
  color:var(--bc-primary-dark);
  font-size:12px;
  font-weight:700;
}
.bc-board-mini-post strong{display:block;color:#111827;font-size:14px;line-height:1.35;}
.bc-board-mini-post p{margin:3px 0 0;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (min-width:992px){
  .bc-quick-menu{grid-template-columns:repeat(11,minmax(76px,1fr));}
  .bc-community-chat-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 392px;}
}

@media (max-width:991px){
  .bc-mobile-action-row{grid-template-columns:repeat(5,1fr);}
  .bc-mobile-action-row a{font-size:12px;gap:5px;}
  .bc-mobile-bottom{grid-template-columns:repeat(6,1fr);}
  .bc-mobile-bottom a{font-size:10px;}
  .bc-board-preview{padding:18px 16px;border-radius:12px;}
}

@media (prefers-color-scheme:dark){
  .bc-board-preview,.bc-board-mini-post{background:#0b0b0b;border-color:#1f2937;}
  .bc-board-mini-post strong{color:#f8fafc;}
  .bc-board-mini-post p{color:#9ca3af;}
}

.bc-official-content-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
  margin-top:40px;
}
.bc-notice-preview,.bc-funding-preview{
  border:1px solid var(--bc-line);
  border-radius:14px;
  background:#fff;
  padding:24px;
  box-shadow:0 8px 24px rgba(16,24,40,.05);
}
.bc-notice-preview .bc-board-mini-post > span{background:#111827;color:#fff;}
.bc-funding-preview .bc-board-mini-post > span{background:#fef3c7;color:#b45309;}

@media (min-width:992px){
  .bc-quick-menu{grid-template-columns:repeat(13,minmax(68px,1fr));}
}

@media (max-width:991px){
  .bc-official-content-section{grid-template-columns:1fr;margin-top:24px;gap:14px;}
  .bc-notice-preview,.bc-funding-preview{padding:18px 16px;border-radius:12px;}
  .bc-mobile-action-row{grid-template-columns:repeat(3,1fr);}
}

@media (prefers-color-scheme:dark){
  .bc-notice-preview,.bc-funding-preview{background:#0b0b0b;border-color:#1f2937;}
}

.bc-service-flow-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:24px;
  margin-top:40px;
  border:1px solid var(--bc-line);
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#eef7ff);
  padding:28px;
  box-shadow:0 14px 36px rgba(16,24,40,.06);
}
.bc-service-flow-copy span{
  display:inline-flex;
  border-radius:999px;
  background:#0b0b0b;
  color:#fff;
  padding:7px 10px;
  font-size:12px;
  font-weight:700;
}
.bc-service-flow-copy h2{margin:14px 0 10px;color:#111827;font-size:25px;line-height:1.34;letter-spacing:-.02em;}
.bc-service-flow-copy p{margin:0;color:#667085;line-height:1.7;font-size:15px;}
.bc-service-flow-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.bc-service-flow-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 14px;font-weight:700;}
.bc-service-flow-actions a:first-child{background:#0b0b0b;color:#fff;}
.bc-service-flow-actions a:last-child{border:1px solid var(--bc-line);background:#fff;color:#344054;}
.bc-service-flow-list{display:grid;gap:10px;}
.bc-service-flow-list a{display:block;border:1px solid var(--bc-line);border-radius:14px;background:#fff;padding:15px;}
.bc-service-flow-list strong{display:block;color:#111827;font-size:15px;}
.bc-service-flow-list span{display:block;margin-top:5px;color:#667085;font-size:13px;font-weight:600;}
@media (min-width:992px){.bc-quick-menu{grid-template-columns:repeat(14,minmax(64px,1fr));}}
@media (max-width:991px){.bc-service-flow-section{grid-template-columns:1fr;margin-top:24px;padding:20px 16px;border-radius:14px;gap:16px;}.bc-service-flow-copy h2{font-size:21px;}.bc-service-flow-list{display:flex;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none;}.bc-service-flow-list::-webkit-scrollbar{display:none;}.bc-service-flow-list a{flex:0 0 220px;}}
@media (prefers-color-scheme:dark){.bc-service-flow-section{background:linear-gradient(135deg,#0b0b0b,#062b2f);border-color:#1f2937;}.bc-service-flow-copy h2,.bc-service-flow-list strong{color:#f8fafc;}.bc-service-flow-copy p,.bc-service-flow-list span{color:#9ca3af;}.bc-service-flow-list a,.bc-service-flow-actions a:last-child{background:#0b0b0b;border-color:#1f2937;color:#e5e7eb;}}

/* v210 portal-home IA refresh: home follows the 사업지원 포털 layout, search categories move to Explore. */
.bc-header-inner{gap:18px;}
.bc-desktop-nav{gap:8px;justify-content:center;overflow:hidden;}
.bc-desktop-nav a{padding:9px 8px;border-radius:10px;font-size:14px;line-height:1;}
.bc-desktop-nav a.active,.bc-desktop-nav a:hover{background:#eef7ff;color:var(--bc-primary-dark);}
.bc-header-actions{gap:8px;}
.bc-create-button{border-radius:12px;}
.bc-portal-main{padding-top:28px;}
.bc-section-kicker{display:inline-flex;margin-bottom:8px;color:var(--bc-primary-dark);font-size:12px;font-weight:700;letter-spacing:.02em;}
.bc-portal-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:28px;align-items:stretch;border:1px solid var(--bc-line);border-radius:24px;background:linear-gradient(135deg,#f8ffff 0%,#eefdfb 44%,#ffffff 100%);box-shadow:0 18px 42px rgba(16,24,40,.07);padding:38px;overflow:hidden;position:relative;}
.bc-portal-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;border-radius:999px;background:rgba(0,166,178,.12);pointer-events:none;}
.bc-hero-kicker{display:inline-flex;min-height:30px;align-items:center;border-radius:10px;background:#062b2f;color:#cfe7ff;padding:0 11px;font-size:12px;font-weight:700;letter-spacing:.06em;}
.bc-portal-hero h1{margin:18px 0 12px;color:#0f172a;font-size:clamp(34px,4.1vw,58px);line-height:1.12;font-weight:700;letter-spacing:-.055em;}
.bc-portal-hero p{margin:0;color:#475467;font-size:17px;line-height:1.75;max-width:780px;}
.bc-portal-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.bc-portal-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;padding:0 18px;border:1px solid var(--bc-line);background:#fff;color:#111827;font-weight:700;box-shadow:0 6px 16px rgba(16,24,40,.06);}
.bc-portal-hero-actions a.primary{background:var(--bc-primary);border-color:var(--bc-primary);color:#fff;}
.bc-portal-hero-panel{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center;}
.bc-hero-mini-card{min-height:132px;border:1px solid rgba(0,166,178,.16);border-radius:18px;background:rgba(255,255,255,.86);padding:18px;box-shadow:0 10px 24px rgba(16,24,40,.06);}
.bc-hero-mini-card.strong{background:linear-gradient(135deg,#5fa8ff,#356fb8);color:#fff;}
.bc-hero-mini-card span{display:block;color:inherit;opacity:.72;font-size:13px;font-weight:700;}
.bc-hero-mini-card strong{display:block;margin-top:10px;font-size:34px;line-height:1;font-weight:700;letter-spacing:-.04em;}
.bc-hero-mini-card p{margin:9px 0 0;max-width:none;color:inherit;opacity:.78;font-size:13px;line-height:1.4;font-weight:600;}
.bc-persona-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.bc-persona-card{border:1px solid var(--bc-line);border-radius:16px;background:#fff;padding:18px;min-height:218px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(16,24,40,.05);}
.bc-persona-card:hover{transform:translateY(-3px);box-shadow:var(--bc-shadow);border-color:#cfe7ff;}
.bc-persona-card i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef7ff;color:var(--bc-primary-dark);font-size:22px;}
.bc-persona-card strong{font-size:17px;font-weight:700;letter-spacing:-.02em;color:#111827;}
.bc-persona-card p{margin:0;color:#667085;font-size:13px;line-height:1.65;}
.bc-persona-card span{margin-top:auto;color:var(--bc-primary-dark);font-size:12px;font-weight:700;}
.bc-portal-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
.bc-main-column,.bc-side-column{min-width:0;}
.bc-compact-ranking{border:1px solid var(--bc-line);border-radius:16px;background:#fff;padding:22px;box-shadow:0 8px 24px rgba(16,24,40,.05);}
.bc-compact-ranking h2{font-size:22px;margin-bottom:18px;}
.bc-home-community-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.bc-home-resource-news{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.bc-home-final-cta{grid-template-columns:minmax(0,1fr) 390px;align-items:stretch;}
.bc-home-login-diff{border:1px solid var(--bc-line);border-radius:14px;background:#fff;padding:22px;}
.bc-home-login-diff a{border-top:1px solid var(--bc-line);}
.bc-home-login-diff a:first-of-type{border-top:0;}
.bc-floating-create{border-radius:14px;}

@media (max-width:1280px){
  .bc-header-inner{padding:0 20px;gap:12px;}
  .bc-logo-text{font-size:24px;}
  .bc-nav-optional{display:none!important;}
  .bc-desktop-nav a{font-size:13px;padding:9px 7px;}
  .bc-icon-button{width:34px;height:34px;}
  .bc-create-button{padding:0 13px;min-height:36px;}
  .bc-text-link{display:none;}
  .bc-persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:991px){
  .bc-portal-main{padding:14px 14px 98px;}
  .bc-portal-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:20px;gap:18px;}
  .bc-portal-hero h1{font-size:34px;}
  .bc-portal-hero p{font-size:15px;line-height:1.68;}
  .bc-portal-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;}
  .bc-portal-hero-actions a{min-height:44px;}
  .bc-portal-hero-panel{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bc-hero-mini-card{min-height:112px;padding:15px;border-radius:15px;}
  .bc-hero-mini-card strong{font-size:28px;}
  .bc-persona-grid{display:flex;overflow-x:auto;gap:12px;margin:0 -14px;padding:0 14px;scrollbar-width:none;}
  .bc-persona-grid::-webkit-scrollbar{display:none;}
  .bc-persona-card{flex:0 0 178px;min-height:210px;padding:16px;}
  .bc-portal-split{grid-template-columns:1fr;gap:16px;}
  .bc-compact-ranking{padding:18px 16px;border-radius:12px;}
  .bc-home-community-grid{display:flex;grid-template-columns:none;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none;}
  .bc-home-community-grid::-webkit-scrollbar{display:none;}
  .bc-home-resource-news{grid-template-columns:1fr;}
  .bc-home-final-cta{grid-template-columns:1fr;}
  .bc-mobile-bottom{grid-template-columns:repeat(5,1fr)!important;height:64px;}
  .bc-floating-create{right:18px;bottom:82px;width:50px;height:50px;border-radius:14px;}
}

@media (max-width:420px){
  .bc-portal-hero{padding:22px 18px;}
  .bc-portal-hero h1{font-size:30px;}
  .bc-portal-hero-panel{grid-template-columns:1fr 1fr;gap:10px;}
  .bc-hero-mini-card{padding:13px;}
  .bc-hero-mini-card strong{font-size:24px;}
}

@media (prefers-color-scheme:dark){
  .bc-portal-hero{background:linear-gradient(135deg,#050505,#061f22);border-color:#1f2937;}
  .bc-portal-hero h1,.bc-persona-card strong{color:#f8fafc;}
  .bc-portal-hero p,.bc-persona-card p{color:#aab4c3;}
  .bc-portal-hero-actions a,.bc-hero-mini-card,.bc-persona-card,.bc-compact-ranking,.bc-home-login-diff{background:#0b0b0b;border-color:#1f2937;}
  .bc-hero-mini-card.strong{background:linear-gradient(135deg,#008c95,#006c75);}
}

/* v243 profile-driven home personalization */
.bcx-personalization-panel{border:1px solid var(--bc-line);border-radius:22px;background:linear-gradient(135deg,#ffffff,#eef7ff);padding:24px;box-shadow:0 16px 38px rgba(16,24,40,.07);}
.bcx-personalization-panel[hidden]{display:none!important;}
.bcx-personalization-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.bcx-personalization-head h2{margin:8px 0 8px;color:#0f172a;font-size:26px;line-height:1.25;letter-spacing:-.04em;font-weight:700;}
.bcx-personalization-head p{margin:0;color:#667085;line-height:1.65;font-weight:600;}
.bcx-personalization-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--bc-line);border-radius:12px;background:#fff;color:#356fb8;padding:0 13px;font-weight:700;white-space:nowrap;}
.bcx-personalization-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.bcx-personalization-chips span{display:inline-flex;align-items:center;min-height:30px;border-radius:10px;background:#fff;border:1px solid #cfe7ff;color:#356fb8;padding:0 10px;font-size:12px;font-weight:700;}
.bcx-personalization-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;}
.bcx-personalization-actions a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--bc-line);border-radius:16px;background:#fff;padding:15px;color:#0f172a;box-shadow:0 8px 20px rgba(16,24,40,.05);}
.bcx-personalization-actions a i{grid-row:1/3;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef7ff;color:#356fb8;font-size:20px;}
.bcx-personalization-actions a strong{font-size:15px;font-weight:700;letter-spacing:-.02em;}
.bcx-personalization-actions a small{margin-top:3px;color:#667085;font-size:12px;font-weight:700;}
.bcx-personalization-actions a.is-primary{background:#356fb8;color:#fff;border-color:#356fb8;}
.bcx-personalization-actions a.is-primary i{background:rgba(255,255,255,.18);color:#fff;}
.bcx-personalization-actions a.is-primary small{color:rgba(255,255,255,.78);}
.bcx-profile-personal-card a.bcx-mini-button{display:inline-flex;margin-top:12px;}
@media(max-width:760px){.bcx-personalization-panel{padding:18px;border-radius:18px}.bcx-personalization-head{display:block}.bcx-personalization-head>a{margin-top:14px;width:100%}.bcx-personalization-actions{grid-template-columns:1fr}.bcx-personalization-actions a{border-radius:14px}}
@media(prefers-color-scheme:dark){.bcx-personalization-panel{background:linear-gradient(135deg,#050505,#062b2f);border-color:#1f2937}.bcx-personalization-head h2,.bcx-personalization-actions a{color:#f8fafc}.bcx-personalization-head p,.bcx-personalization-actions a small{color:#9ca3af}.bcx-personalization-head>a,.bcx-personalization-chips span,.bcx-personalization-actions a{background:#0b0b0b;border-color:#1f2937}.bcx-personalization-chips span{color:#cfe7ff}}