.bbs-top-announce{z-index:1000;color:#f8fafc;background:#3b3a8f;border-bottom:1px solid #ffffff14;position:fixed;top:0;left:0;right:0}.bbs-top-announce-inner{min-height:var(--bbs-announce-height);box-sizing:border-box;justify-content:center;align-items:center;gap:16px;padding:12px 220px;display:flex;position:relative}.bbs-top-announce-main{justify-content:center;align-items:flex-start;gap:10px;min-width:0;max-width:720px;display:flex}.bbs-top-announce-icon{color:#e8e7ff;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;display:inline-flex}.bbs-top-announce-copy{text-align:left;min-width:0}.bbs-top-announce-title{letter-spacing:-.01em;color:#fff;font-size:13px;font-weight:600;line-height:1.35;display:block}.bbs-top-announce-body{color:#e8e7ffc7;white-space:pre-line;margin:2px 0 0;font-size:12px;font-weight:400;line-height:1.45}.bbs-top-announce-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.bbs-top-announce-btn{letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.bbs-top-announce-btn--ghost{color:#fff;background:0 0;border:1px solid #f8fafc66}.bbs-top-announce-btn--ghost:hover{color:#fff;background:#f8fafc1a;border-color:#f8fafca6}.bbs-top-announce-btn--solid{color:#2f2e75;background:#fff;border:1px solid #fff}.bbs-top-announce-btn--solid:hover{color:#2f2e75;background:#ecebff;border-color:#ecebff}@media (max-width:1100px){.bbs-top-announce-inner{padding-bottom:52px;padding-left:16px;padding-right:16px}.bbs-top-announce-actions{top:auto;bottom:10px;right:50%;transform:translate(50%)}}@media (max-width:768px){.bbs-top-announce-inner{min-height:var(--bbs-announce-height);flex-direction:column;align-items:center;gap:10px;padding:12px 14px 52px}.bbs-top-announce-main{width:100%}.bbs-top-announce-actions{width:calc(100% - 28px);max-width:360px}.bbs-top-announce-btn{flex:1}}
.bbs-welcome-banner{top:calc(var(--bbs-announce-height) + var(--bbs-header-height));z-index:998;color:#0a3069;background:#ddf4ff;border-bottom:1px solid #54aeff66;position:fixed;left:0;right:0}.bbs-welcome-banner-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding-top:10px;padding-bottom:10px;display:flex}.bbs-welcome-banner-main{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.bbs-welcome-banner-icon{color:#0969da;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:14px;display:inline-flex}.bbs-welcome-banner-copy{min-width:0}.bbs-welcome-banner-title{letter-spacing:-.01em;color:#0550ae;font-size:13px;font-weight:650;line-height:1.35;display:block}.bbs-welcome-banner-body{color:#0a3069;margin:2px 0 0;font-size:12px;font-weight:400;line-height:1.5}.bbs-welcome-banner-body--mobile{display:none}.bbs-welcome-banner-em{color:#0a3069;font-weight:650}.bbs-welcome-banner-more{color:#0969da;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:650;text-decoration:underline;display:inline}.bbs-welcome-banner-more:hover{color:#0550ae}.bbs-welcome-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.bbs-welcome-banner-btn{color:#24292f;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:2px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.bbs-welcome-banner-btn:hover{color:#24292f;background:#f6f8fa;border-color:#afb8c1}.bbs-welcome-banner-close{color:#59636e;cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.bbs-welcome-banner-close:hover{color:#0a3069;background:#0969da1a}@media (max-width:768px){.bbs-welcome-banner-inner{align-items:flex-start;gap:10px;padding-top:12px;padding-bottom:12px}.bbs-welcome-banner-body--desktop{display:none}.bbs-welcome-banner-body--mobile{display:block}.bbs-welcome-banner-actions{flex-direction:column;align-items:flex-end;gap:6px}.bbs-welcome-banner-btn{height:28px;padding:0 10px}}
