.gb-page{background:#f2f5f9;color:#25334a;min-height:100vh}.gb-shell{max-width:1500px;width:calc(100% - 48px);margin:40px auto 64px;min-height:65vh}.gb-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.gb-heading h1{font-size:30px;line-height:1.4;margin:6px 0}.gb-heading p,.gb-muted{color:#718096;line-height:1.7}.gb-kicker{color:#0787e8;font-size:12px;letter-spacing:2px}.gb-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:28px;align-items:start}.gb-panel{background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 35px #243b6010;border:1px solid #e6edf5}.gb-panel h2{font-size:20px;margin:0 0 18px}.gb-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.gb-shell button,.gb-shell input,.gb-shell select,.gb-shell textarea{font:inherit;box-sizing:border-box}.gb-shell button,.gb-action{cursor:pointer;border:0;border-radius:12px;padding:10px 16px;background:#eef5fc;color:#1469b1;display:inline-block;text-decoration:none}.gb-shell button:disabled{opacity:.5;cursor:default}.gb-filter button[aria-pressed=true],.gb-shell .gb-primary{background:linear-gradient(120deg,#0787e8,#5865ed);color:#fff;box-shadow:0 5px 14px #0787e829}.gb-shell :focus-visible{outline:3px solid #91c9ff;outline-offset:3px}.gb-shell label{display:block;margin:18px 0 8px;font-weight:600}.gb-shell input,.gb-shell select,.gb-shell textarea{width:100%;border:1px solid #dce5ef;border-radius:12px;background:#f8fafc;padding:12px;color:#24334a}.gb-shell textarea{min-height:165px;resize:vertical;line-height:1.8}.gb-shell textarea:focus,.gb-shell input:focus{border-color:#0787e8;box-shadow:0 0 0 3px #0787e819;outline:none}.gb-captcha-row{display:flex;align-items:center;gap:12px}.gb-captcha-row input{min-width:0;flex:1}.gb-captcha-row button{padding:4px;background:#f2f5f9}.gb-captcha-row img{display:block;width:100px;height:38px}.gb-identity{display:flex;align-items:center;gap:10px;margin:8px 0 18px}.gb-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#edf3fa}.gb-context{padding:12px 14px;background:#eef6ff;border-radius:12px;margin:12px 0;color:#1469b1;line-height:1.6;overflow-wrap:anywhere}.gb-count{text-align:right;font-size:12px;color:#718096;margin-top:6px}.gb-submit{width:100%;margin-top:20px}.gb-status{margin:12px 0;line-height:1.7;color:#176abb;white-space:pre-wrap}.gb-status[data-error=true]{color:#b93838}.gb-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.gb-item{padding:22px 0;border-top:1px solid #edf1f6;overflow-wrap:anywhere}.gb-item:first-child{border-top:0}.gb-item-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#718096}.gb-item-meta strong{color:#25334a}.gb-badge{padding:3px 8px;background:#eef5fc;color:#236db3;border-radius:6px;font-size:12px}.gb-text{line-height:1.85;white-space:pre-wrap;margin:14px 0}.gb-reply{padding:18px;background:#f1f7ff;border-left:3px solid #428ded;border-radius:4px 12px 12px 4px;margin-top:14px}.gb-reply strong{color:#1469b1}.gb-reply p{margin-bottom:0}.gb-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.gb-empty{text-align:center;padding:44px 10px;color:#718096;line-height:1.8}.gb-mobile-bar{display:none}.gb-shell [hidden]{display:none!important}.gb-form-note{font-size:13px;line-height:1.7;color:#718096}.gb-heading .gb-action{white-space:nowrap}@media(max-width:800px){.gb-shell{width:calc(100% - 28px);margin:24px auto 90px}.gb-heading h1{font-size:25px}.gb-layout{display:flex;flex-direction:column}.gb-panel{padding:20px;width:100%;box-sizing:border-box;border-radius:16px}.gb-list-panel{order:2}.gb-compose{order:1}.gb-compose.gb-collapsed{display:none}.gb-mobile-bar{display:flex;justify-content:space-between;padding:16px 20px;background:#fff}.gb-heading p{font-size:13px}.gb-item-meta{gap:7px}.gb-heading{gap:12px}.gb-filter{gap:6px}.gb-filter button{font-size:13px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.gb-page *{scroll-behavior:auto!important}}

/* Use the same breakpoint widths as the shared PC header/footer. */
.gb-compose-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.gb-compose-heading h2{margin:0}.gb-compose-heading{margin-bottom:18px}#gb-close{display:none}.gb-filter-label{font-size:13px;color:#718096;margin-bottom:10px}#gb-receipt{padding:12px;background:#eef6ff;border-radius:12px;overflow-wrap:anywhere}#gb-receipt a{color:#1469b1}.gb-captcha-row img:not([src]){visibility:hidden}@media(max-width:800px){#gb-close{display:inline-block}.gb-compose{scroll-margin-top:24px}}@media(min-width:801px){#gb-discard-draft{font-size:13px}}
.gb-heading>div{min-width:0}.gb-heading>button{flex:none;white-space:nowrap}.gb-page #footBar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.gb-page #footBar{z-index:30}
.gb-page{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.gb-page.p-top .gb-shell{width:var(--pc-shell-width,1200px);max-width:none}.gb-mobile-bar a{color:#1469b1}.gb-page .gb-panel small{font-size:12px;font-weight:400}.gb-page .gb-item a{color:#1469b1}