:root{--bon-navy:#0f172a;--bon-cream:#fdf7ef;--bon-pink:#f472b6;--bon-border:#e5e7eb;--bon-text-main:#111827;--bon-text-muted:#6b7280}body,html{background:radial-gradient(circle at top left,#fef9f5 0,var(--bon-cream) 45%,#f9fafb 100%);color:var(--bon-text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0}.app-root{min-height:100vh}.app-header{background:linear-gradient(90deg,var(--bon-navy),#111827);box-shadow:0 8px 18px #0f172a59;color:#fff;position:sticky;top:0;z-index:10}.app-header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:960px;padding:8px 14px}.app-header-left{align-items:center;display:flex;gap:10px}.logo-icon{display:block;height:32px;width:32px}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{font-size:13px;font-weight:700;letter-spacing:.16em}.logo-sub{color:#f8fafccc;font-size:11px}.logo-link{color:inherit}.logo-link,.logo-link:hover{text-decoration:none}.header-nav{align-items:center;display:flex;gap:8px}.header-nav-link{background:#0f172a33;border:1px solid rgba(148,163,184,.5);border-radius:999px;color:#f8fafce6;cursor:pointer;font-size:12px;padding:4px 10px;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.header-nav-link:hover{background:#f8fafc1f;border-color:#f8fafcb3;text-decoration:none}.header-x-btn{align-items:center;display:inline-flex;justify-content:center;line-height:0}.header-x-btn svg{fill:currentColor;height:14px;width:14px}.header-toggle-btn{padding:4px 0;text-align:center;width:32px}.app-main{margin:20px auto 40px;max-width:960px;padding:0 14px}.announce-slide{background:#0f172a59;border-bottom:1px solid rgba(148,163,184,.25);max-height:0;overflow:hidden;transition:max-height .25s ease}.announce-inner{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:960px;padding:8px 14px}.announce-item{align-items:center;background:#0f172a26;border:1px solid rgba(148,163,184,.45);border-radius:999px;color:#f8fafceb;display:inline-flex;gap:8px;min-width:0;padding:4px 10px;text-decoration:none;white-space:nowrap}.announce-item:hover{background:#f8fafc1a;border-color:#f8fafca6;text-decoration:none}.announce-thumb{border-radius:4px;flex:0 0 auto;height:18px;-o-object-fit:cover;object-fit:cover;width:18px}.announce-title{font-size:12px;max-width:28ch;overflow:hidden;text-overflow:ellipsis}.announce-ext{font-size:11px;opacity:.8}@media(max-width:600px){.announce-slide.open{max-height:240px}.announce-inner{align-items:stretch;flex-direction:column;padding:8px 10px}.announce-item{justify-content:space-between;width:100%}.announce-title{max-width:100%}}.banner-inner{padding:10px 14px}.banner-link{display:block;text-decoration:none;width:100%}.banner-img{border:1px solid rgba(148,163,184,.35);border-radius:10px;box-shadow:0 6px 16px #0f172a38;display:block;height:auto;max-height:100px;-o-object-fit:cover;object-fit:cover;width:100%}.banner-link:hover .banner-img{border-color:#f8fafc99}.announce-slide.open{max-height:100px}@media(max-width:600px){.banner-inner{padding:10px}.banner-img{max-height:45px}.announce-slide.open{max-height:70px}}