:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#332f2d;background:#faf8f6}*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:#376c61}header{background:#fff;border-bottom:1px solid #e9e2df}.wrap{max-width:1080px;margin:auto;padding:20px}.nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.hero{padding:48px 24px;margin:24px 0;background:#f2e7e8;border-radius:20px}.hero h1{font-size:clamp(24px,4vw,40px);line-height:1.3;margin:8px 0}.eyebrow{letter-spacing:.15em;color:#79626a;font-size:12px}h2{font-size:21px}label{display:block;font-weight:600;margin:12px 0 5px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bdb6b3;border-radius:10px;background:#fff;color:inherit;font:inherit}textarea{min-height:100px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}button{cursor:pointer;background:#376c61;color:#fff;border:1px solid #376c61;padding:10px 16px;border-radius:10px;font:inherit}button.active{background:#244e45}button[data-cat]:not(.active){background:#fff;color:#376c61}.panel{background:#fff;border:1px solid #e9e2df;border-radius:18px;padding:24px;margin:28px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.post{padding:20px;border:1px solid #e9e2df;border-radius:16px;background:#fff}.post h3{margin:6px 0}.tag{display:inline-block;background:#e9f3ed;padding:3px 9px;border-radius:999px;font-size:12px}.muted,footer{color:#756f6b;font-size:14px}.empty{padding:30px;text-align:center;background:#fff;border:1px dashed #ccc;border-radius:14px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bc7d95;outline-offset:3px}@media(max-width:600px){.wrap{padding:16px}.hero{padding:28px 18px}.panel{padding:18px}.nav{align-items:flex-start}}
.post-image{display:block;width:100%;height:210px;object-fit:contain;background:#f8f5f2;border-radius:10px;margin-bottom:12px}.tag.sold{background:#eee5e5;color:#785252}.post{overflow-wrap:anywhere}

/* GoodsBye v1.4 */
.brand{font-size:21px;font-weight:800;letter-spacing:-.04em;color:#254f46;text-decoration:none}.brand span{font-size:15px;font-weight:600;letter-spacing:0}.nav nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav nav a{text-decoration:none;font-weight:600}.nav nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.hero{background:linear-gradient(125deg,#f6e8eb,#eaf4ef);padding:48px 38px}.hero h1 small{font-size:.52em;font-weight:650}.hero p{max-width:680px}.primary-link{display:inline-block;padding:11px 18px;border-radius:11px;background:#285e52;color:#fff;text-decoration:none;font-weight:650;margin-top:10px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px}.section-heading h2{margin-bottom:0}.narrow{max-width:760px}.page-intro{padding:34px 0 10px}.page-intro h1{font-size:clamp(28px,4vw,38px);margin:0}.page-intro p{color:#655f5c}.check-label{display:flex;align-items:flex-start;gap:12px;font-weight:400}.check-label input{width:20px;height:20px;flex:none;margin-top:3px}.post[data-sold="true"]{background:#faf8f8}.post[data-sold="true"] h3{color:#777}.post h3{overflow-wrap:anywhere}.post-image{object-fit:contain}footer{border-top:1px solid #e9e2df;margin-top:36px!important}footer p{margin:6px 0 10px}@media(max-width:600px){.brand{font-size:19px}.nav nav{width:100%;justify-content:space-between;gap:10px}.nav nav a{font-size:14px}.hero{padding:30px 20px}.section-heading{display:block}}

/* GoodsBye orange mascot identity */
:root{--gb-orange:#fa6b0b;--gb-brown:#773309;--gb-cream:#fff6e9}body{background:#fffcf8;color:#49372b}a{color:#a74a0a}header{border-bottom-color:#f2dfcb}.brand{color:var(--gb-brown)}.hero{background:linear-gradient(115deg,#fff4e6,#fffaf5);border:1px solid #f3dfc6}.hero-brand{display:flex;align-items:center;gap:28px}.hero-brand img{width:clamp(170px,30vw,320px);height:auto;aspect-ratio:1;object-fit:contain;flex:none}.hero h1{color:var(--gb-brown)}.eyebrow{color:#b5662f}.primary-link,button{background:var(--gb-orange);border-color:var(--gb-orange);color:#fff}.primary-link:hover,button:hover{background:#dc5700}.filters button.active{background:var(--gb-brown);border-color:var(--gb-brown)}button[data-cat]:not(.active){color:var(--gb-brown);border-color:#eac7a9}.panel,.post{border-color:#f1dfcf}.tag{background:#fff0dd;color:#7a3c0f}.post-image{background:#fff8f1}@media(max-width:700px){.hero-brand{flex-direction:column;gap:6px;text-align:center}.hero-brand img{width:min(75%,280px)}.hero-brand h1{margin:0}.hero-brand .eyebrow{margin:0}}

/* Brand logo in top navigation */
.nav{flex-wrap:nowrap;min-height:76px}
.brand-logo{display:inline-flex;align-items:center;flex:none;line-height:0}
.brand-logo img{display:block;width:104px;height:64px;object-fit:contain}
.hero-brand{display:block}
@media(max-width:600px){.nav{flex-wrap:wrap;gap:6px 12px}.brand-logo img{width:90px;height:56px}.nav nav{width:auto;flex:1;justify-content:flex-end;gap:12px}.nav nav a{font-size:13px;white-space:nowrap}}
@media(max-width:390px){.nav nav{width:100%;justify-content:space-between}.brand-logo img{width:86px;height:52px}}

/* GoodsBye horizontal brand artwork — 240 × 80 desktop */
.brand-logo img{width:240px;height:80px;max-width:100%;object-fit:contain;object-position:left center}
.nav{min-height:96px}
@media(max-width:700px){.brand-logo img{width:180px;height:60px}.nav{min-height:72px}}
@media(max-width:390px){.brand-logo img{width:180px;height:60px}}

/* Compact introductory banner: navigation owns all actions */
.hero.hero-compact{margin:18px 0 24px;padding:22px 28px;border-radius:16px}
.hero-compact .eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.1em}
.hero-compact h1{font-size:clamp(19px,2.5vw,26px);line-height:1.45;margin:0 0 8px}
.hero-compact p:last-child{max-width:none;margin:0;color:#6b5646;font-size:14px;line-height:1.75}
@media(max-width:600px){.hero.hero-compact{margin:12px 0 18px;padding:18px}.hero-compact h1{font-size:20px}.hero-compact p:last-child{font-size:13px}}

/* GoodsBye navigation logo: 280px desktop */
.brand-logo img{width:280px;height:auto;max-height:94px;object-fit:contain;object-position:left center}
@media(max-width:700px){.brand-logo img{width:200px;max-height:68px}}
@media(max-width:390px){.brand-logo img{width:180px;max-height:62px}}

/* Confirmation page: centered, consistent with other inner pages */
.thanks-container{width:100%;max-width:760px;margin:0 auto;padding-top:24px;padding-bottom:32px}
.thanks-panel{margin:0;padding:28px 32px}
.thanks-panel h1{margin:0 0 16px;font-size:clamp(24px,3vw,30px);line-height:1.4;color:var(--gb-brown)}
.thanks-panel p{margin:0 0 18px}
@media(max-width:600px){.thanks-container{padding-top:16px;padding-bottom:24px}.thanks-panel{padding:22px 20px}}

.post-format-guide{margin:20px 0;padding:18px;border:1px solid #f1dfcf;border-radius:14px;background:#fffaf4}.post-format-guide h3{font-size:17px;margin:0 0 8px;color:var(--gb-brown)}.post-format-guide p{margin:8px 0}.post-format-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.9;background:#fff;border:1px solid #f1dfcf;border-radius:10px;padding:14px;margin:12px 0}

/* Listing form spacing and copyable format */
.post-format-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.post-format-heading h3{margin:0}
.copy-format-button{width:auto;flex:none;padding:7px 13px;font-size:13px;border-radius:9px}
.post-format-guide{margin:22px 0 20px}
.post-format-guide pre{margin:12px 0;line-height:1.85}
#submission-form .check-label{margin:24px 0 20px;gap:12px;line-height:1.65}
#submission-form .check-label input{margin:4px 0 0}
#submission-form button[type=submit]{margin-top:8px;min-height:44px}
@media(max-width:600px){.post-format-guide{padding:15px}.post-format-heading{align-items:flex-start}.copy-format-button{margin-left:auto}}

/* Separate seller consent from primary submission action */
#submission-form .check-label{margin:28px 0 0;padding:16px 18px;border:1px solid #f1dfcf;border-radius:12px;background:#fffaf4;align-items:flex-start}
#submission-form .check-label input{margin-top:5px}
#submission-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;min-height:46px;padding:11px 24px}
@media(max-width:600px){#submission-form .check-label{padding:14px;margin-top:24px}#submission-form button[type=submit]{margin-top:24px;width:100%}}


/* GoodsBye brand palette: golden yellow, tangerine, cocoa, soft violet */
:root{
 --gb-yellow:#f8c957;--gb-orange:#ee791e;--gb-brown:#603722;
 --gb-purple:#7250a0;--gb-cream:#fff9ed;
 --gb-purple-soft:#f3edfa;--gb-border:#ead8c3;
}
body{background:#fffaf2;color:#4d382b}
header{background:#fffdf8;border-bottom:1px solid var(--gb-border)}
a{color:#8048a8}
a:hover{color:#5c3185}
.nav nav a{color:var(--gb-brown)}
.nav nav a:hover,.nav nav a[aria-current]{color:#674296}
.nav nav a[aria-current]{text-decoration-color:var(--gb-purple)}
.hero{background:linear-gradient(110deg,#fff0ca 0%,#fff8e9 56%,#f4edfb 100%);border-color:#f1d9a8}
.hero h1,.page-intro h1,.section-heading h2,.panel h2{color:var(--gb-brown)}
.eyebrow{color:#7649a0}
.hero-compact p:last-child{color:#654d40}
.panel,.post{background:#fffefa;border-color:var(--gb-border)}
.post:hover{border-color:#d3b9e4}
.tag{background:#f7e9fc;color:#5c3680}
.tag.sold{background:#eee6e4;color:#6e514b}
.post-image{background:#fff7e8}
.primary-link,button{background:#d96a15;border-color:#d96a15;color:#fff}
.primary-link:hover,button:hover{background:#b94f0b;border-color:#b94f0b;color:#fff}
button:disabled{opacity:.65;cursor:not-allowed}
.filters button.active{background:var(--gb-purple);border-color:var(--gb-purple);color:#fff}
button[data-cat]:not(.active){background:#fffdf8;color:#654085;border-color:#cbb4dd}
button[data-cat]:not(.active):hover{background:#f3edfa;color:#543275}
input,select,textarea{border-color:#c9b7a7;background:#fff}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9463c5;outline-offset:3px}
.post-format-guide{background:#fff6e4;border-color:#eed6ae}
.post-format-guide h3{color:var(--gb-brown)}
.post-format-guide pre{background:#fffefa;border-color:#e8d7c5}
.copy-format-button{background:var(--gb-purple);border-color:var(--gb-purple)}
.copy-format-button:hover{background:#573880;border-color:#573880}
#submission-form .check-label{background:#f8f2fc;border-color:#dfd0ec;margin-bottom:0}
#submission-form button[type=submit]{display:flex;width:max-content;max-width:100%;margin:28px 0 0 auto;padding:12px 24px}
@media(max-width:600px){#submission-form button[type=submit]{width:max-content;margin-left:auto;margin-right:0}}
footer{border-top-color:var(--gb-border)}

/* Brand action hierarchy: purple primary, orange secondary */
:root{--gb-primary:#7250a0;--gb-primary-hover:#573880;--gb-secondary:#d96a15}
.primary-link,button{background:var(--gb-primary);border-color:var(--gb-primary);color:#fff}
.primary-link:hover,button:hover{background:var(--gb-primary-hover);border-color:var(--gb-primary-hover);color:#fff}
#submission-form button[type=submit],#report-form button[type=submit]{background:var(--gb-primary);border-color:var(--gb-primary);color:#fff}
#submission-form button[type=submit]:hover,#report-form button[type=submit]:hover{background:var(--gb-primary-hover);border-color:var(--gb-primary-hover)}
.copy-format-button{background:var(--gb-secondary);border-color:var(--gb-secondary);color:#fff}
.copy-format-button:hover{background:#b94f0b;border-color:#b94f0b;color:#fff}
.filters button.active{background:var(--gb-primary);border-color:var(--gb-primary)}


/* Brighter GoodsBye brand accents */
:root{--gb-primary:#9063c6;--gb-primary-hover:#7548ab;--gb-secondary:#f28a32;--gb-purple:#9063c6;--gb-orange:#f28a32;--gb-yellow:#ffd76e;--gb-purple-soft:#f8f1ff}
body{background:#fffbf5}
.hero{background:linear-gradient(110deg,#fff0bd 0%,#fff9e8 55%,#f7edff 100%)}
.eyebrow{color:#8051b0}
.nav nav a:hover,.nav nav a[aria-current]{color:#8251b5}
.primary-link,button,#submission-form button[type=submit],#report-form button[type=submit]{background:var(--gb-primary);border-color:var(--gb-primary);color:#fff}
.primary-link:hover,button:hover,#submission-form button[type=submit]:hover,#report-form button[type=submit]:hover{background:var(--gb-primary-hover);border-color:var(--gb-primary-hover);color:#fff}
.copy-format-button{background:var(--gb-secondary);border-color:var(--gb-secondary);color:#fff}
.copy-format-button:hover{background:#d66c1c;border-color:#d66c1c}
.filters button.active{background:var(--gb-primary);border-color:var(--gb-primary)}
.post-format-guide{background:#fff8e7;border-color:#f3dfba}
#submission-form .check-label{background:#f8f1ff;border-color:#e4d4f2}
/* Consistent spacing across seller and report forms */
#submission-form,#report-form{display:flow-root}
#submission-form>label:not(.check-label),#report-form>label{margin:22px 0 8px;font-weight:600}
#submission-form>input:not([type=checkbox]),#submission-form>select,#report-form>input:not([type=checkbox]),#report-form>select,#report-form>textarea{margin-bottom:4px}
#report-form textarea{min-height:128px;resize:vertical}
#report-form .form-actions{display:flex;justify-content:flex-end;margin-top:28px}
#report-form .form-actions button{min-height:46px;padding:12px 24px}
#submission-form #form-status:empty,#report-form #form-status:empty{display:none}
#submission-form #form-status:not(:empty),#report-form #form-status:not(:empty){margin:12px 0;padding:10px 14px;background:#fff4e6;border-radius:9px}
@media(max-width:600px){#report-form .form-actions{margin-top:24px}#report-form .form-actions button{max-width:100%}}

/* Moderation dashboard and listing cards */
.admin-stack{display:grid;gap:16px;margin-top:18px}
.admin-item{border:1px solid var(--gb-border);background:#fffaf5;border-radius:14px;padding:18px;overflow-wrap:anywhere}
.admin-item>strong{display:block;color:var(--gb-brown)}
.admin-item>a{display:inline-block;margin:8px 0}
.admin-item label{margin:14px 0 6px}
.admin-item textarea{min-height:110px;resize:vertical}
.admin-item select{margin:10px 0}
.admin-item button{display:block;width:max-content;margin:16px 0 0 auto}
.admin-login .form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}
.admin-login .button-secondary{background:#fff;border:1px solid #bba4d3;color:#69449a}
.admin-login .button-secondary:hover{background:#f5edff;color:#53367a}
#admin-message:not(:empty){padding:10px 12px;background:#f8f1ff;border-radius:10px}
.post-tags{display:flex;gap:6px;flex-wrap:wrap}
.post-description{white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.post .muted{overflow-wrap:anywhere}
.post h3{font-size:18px;line-height:1.5}
@media(max-width:600px){.admin-item{padding:14px}.admin-login .form-actions{gap:8px}.admin-login .form-actions button{flex:1}}