/* 沿用展示版樣式的頁面（主站首頁、一人創業、選品）用的四站切換頁首與展示版說明角落 */
.xs-bar,.xs-demo{--surface-header:#07101b;--ink-header:#eaf3ff;--line:#25303b;--gold-100:#f0d6a5;--gold-500:#c6a66b;--surface-raised:#132031;--ink:#eaf3ff;--eyebrow:#dac598;--radius-nav:10px;--radius-lg:12px;--radius-pill:30px;--shadow-float:0 6px 24px rgba(0,0,0,.3);font-family:Inter,"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;line-height:1.6;box-sizing:border-box}
.xs-bar *,.xs-demo *{box-sizing:border-box}
.xs-bar{position:relative;z-index:60;background:var(--surface-header);color:var(--ink-header);border-bottom:1px solid var(--line);width:100%}
.xs-bar .wrap{display:flex;align-items:center;gap:18px;min-height:54px;flex-wrap:wrap;padding:6px 22px;max-width:1500px;margin:0 auto}
.xs-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink-header);font-weight:700;letter-spacing:2px;font-size:15px}
.xs-brand img{width:30px;height:30px}
.xs-brand small{display:block;font-weight:400;font-size:10px;letter-spacing:1px;opacity:.75}
.xs-sites{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.xs-sites a{padding:5px 11px;border-radius:var(--radius-nav);text-decoration:none;font-size:12.5px;color:var(--ink-header);border:1px solid transparent;white-space:nowrap}
.xs-sites a:hover{border-color:var(--line)}
.xs-sites a[aria-current=page]{background:linear-gradient(125deg,var(--gold-100),var(--gold-500));color:#18222b;font-weight:700}
.xs-sites a.soon{opacity:.6}.xs-sites a.soon::after{content:" 第二批";font-size:10px}
.xs-demo{position:fixed;right:14px;bottom:14px;z-index:90;max-width:300px;font-size:12.5px;color:var(--ink)}
.xs-demo button.chip{float:right;background:var(--surface-raised);color:var(--ink);border:1px solid var(--eyebrow);border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer;font:inherit;font-size:12px}
.xs-demo .panel{clear:both;background:var(--surface-raised);color:var(--ink);border:1px solid var(--eyebrow);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow-float)}
.xs-demo .panel b{color:var(--eyebrow)}
.xs-demo .panel[hidden]{display:none}
@media(max-width:520px){.xs-bar .wrap{padding:6px 14px}.xs-demo{max-width:calc(100% - 28px)}}