:root{--sp-bg:#F7F5F6;--sp-surface:#FFFFFF;--sp-alt:#FFF7FA;--sp-text:#262129;--sp-muted:#6F6670;--sp-brand:#B83270;--sp-brand-hover:#972653;--sp-brand-soft:#F9E4EE;--sp-border:#E6DDE2;--sp-nav:#2B2730;--sp-success:#287A52;--sp-warning:#9A6700;--sp-danger:#B42318;--sp-info:#2F62A8;--bs-primary:#B83270;--bs-primary-rgb:184,50,112}
html,body{min-height:100%;background:var(--sp-bg);color:var(--sp-text)}body{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif}a{color:var(--sp-brand);text-decoration:none}a:hover{color:var(--sp-brand-hover)}.support-navbar{background:var(--sp-nav);box-shadow:0 1px 0 rgba(255,255,255,.08)}.navbar-brand{font-weight:750;letter-spacing:.02em}.navbar-brand img,.account-link img{border-radius:50%;object-fit:cover}.support-navbar .nav-link{color:#e9e4ea;padding:.8rem .75rem}.support-navbar .nav-link:hover,.support-navbar .nav-link.active{color:#fff}.site-footer{background:var(--sp-nav);color:#d7cfd8;padding:1.5rem 0;font-size:.92rem}.btn-primary{--bs-btn-bg:var(--sp-brand);--bs-btn-border-color:var(--sp-brand);--bs-btn-hover-bg:var(--sp-brand-hover);--bs-btn-hover-border-color:var(--sp-brand-hover)}.btn-outline-primary{--bs-btn-color:var(--sp-brand);--bs-btn-border-color:var(--sp-brand);--bs-btn-hover-bg:var(--sp-brand);--bs-btn-hover-border-color:var(--sp-brand)}.form-control:focus,.form-select:focus{border-color:#D16B9B;box-shadow:0 0 0 .2rem rgba(184,50,112,.14)}
.home-hero{position:relative;isolation:isolate;min-height:360px;display:flex;align-items:center;background:var(--sp-nav)}.home-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--hero-image);background-size:cover;background-position:center}.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,31,39,.94) 0%,rgba(43,39,48,.8) 52%,rgba(43,39,48,.44) 100%)}.hero-content{max-width:680px;color:white;padding:3.5rem 0}.hero-content h1{font-size:clamp(2.1rem,4vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.12;margin:.7rem 0 1rem}.hero-content p{font-size:1.08rem;line-height:1.75;color:#eee8ef;max-width:640px;margin-bottom:1.4rem}.eyebrow{display:inline-flex;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em}
.action-card{height:100%;display:flex;flex-direction:column;gap:.45rem;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:16px;padding:1.35rem;color:var(--sp-text);box-shadow:0 6px 20px rgba(45,34,42,.045);transition:.18s ease}.action-card:hover{transform:translateY(-2px);border-color:#d8adc2;color:var(--sp-text);box-shadow:0 10px 30px rgba(45,34,42,.09)}.action-card i{font-size:1.65rem;color:var(--sp-brand)}.action-card strong{font-size:1.05rem}.action-card span{color:var(--sp-muted);font-size:.9rem}.info-card,.feedback-card{border:1px solid var(--sp-border);border-radius:16px;box-shadow:0 6px 20px rgba(45,34,42,.04);background:var(--sp-surface)}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--sp-border);padding-bottom:1rem}.section-heading span{font-size:.78rem;color:var(--sp-brand);font-weight:700;text-transform:uppercase}.section-heading h2{font-size:1.45rem;margin:.15rem 0 0}.news-row{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--sp-border)}.news-row:last-child{border-bottom:0}.news-row h3{font-size:1rem;margin:0 0 .35rem}.news-row p,.news-row time{margin:0;color:var(--sp-muted);font-size:.88rem}.empty-state{text-align:center;color:var(--sp-muted);padding:3rem 1rem}.empty-state i{font-size:2rem}.support-guide{padding-left:1.3rem}.support-guide li{margin:.75rem 0}.privacy-note{display:flex;gap:.75rem;background:var(--sp-alt);border:1px solid var(--sp-border);padding:1rem;border-radius:12px;color:var(--sp-muted);font-size:.9rem}
.feedback-hero{border-radius:20px;background:linear-gradient(135deg,var(--sp-nav),#4b3946);color:white;padding:clamp(1.5rem,4vw,3rem)}.feedback-card .card-header{background:var(--sp-alt);border-bottom-color:var(--sp-border);font-weight:700}.report-details dt{color:var(--sp-muted);font-size:.82rem;margin-top:.75rem}.report-details dd{margin-bottom:.25rem}.timeline{border-left:2px solid var(--sp-brand-soft);margin-left:.4rem}.timeline-item{position:relative;padding:0 0 1rem 1rem}.timeline-item:before{content:"";position:absolute;left:-.39rem;top:.35rem;width:.7rem;height:.7rem;background:var(--sp-brand);border-radius:50%}.timeline-item small{display:block;color:var(--sp-muted)}.resolution{background:#f0faf5;border-top-color:#cce8da}.badge.bg-primary{background:var(--sp-brand)!important}.badge.bg-success{background:var(--sp-success)!important}.badge.bg-warning{background:var(--sp-warning)!important;color:white!important}.badge.bg-danger{background:var(--sp-danger)!important}.badge.bg-info{background:var(--sp-info)!important}
.report-cards{display:none}.pagination{--bs-pagination-color:var(--sp-brand);--bs-pagination-active-bg:var(--sp-brand);--bs-pagination-active-border-color:var(--sp-brand)}
@media(max-width:767.98px){.home-hero{min-height:340px}.hero-content{padding:3rem 0}.support-navbar .navbar-collapse{padding:.5rem 0 1rem}.report-table{display:none}.report-cards{display:grid;gap:.75rem}.report-card{background:white;border:1px solid var(--sp-border);border-radius:14px;padding:1rem}.report-card h3{font-size:1rem}.section-heading{align-items:start;gap:1rem}.news-row{flex-direction:column}.content{padding-left:1rem;padding-right:1rem}}
@media(max-width:575.98px){.hero-content h1{font-size:2rem}.btn-lg{font-size:1rem}}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-heading h1{margin:.25rem 0 0;font-size:clamp(1.7rem,4vw,2.4rem)}.report-mobile-card{display:block;background:#fff;border:1px solid var(--sp-border);border-radius:14px;padding:1rem;color:var(--sp-text)}.report-mobile-card:hover{color:var(--sp-text);border-color:#d8adc2}.report-content{line-height:1.75}.report-content img{max-width:100%;height:auto}@media(max-width:575.98px){.page-heading{align-items:stretch;flex-direction:column}.page-heading .btn{width:100%}}
html,body{overflow-x:hidden}.home-hero>.container{width:100%}.hero-content{min-width:0}.hero-content h1{overflow-wrap:anywhere}.hero-content .btn{white-space:normal}@media(max-width:575.98px){.hero-content .d-flex{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%}.hero-content .btn{width:100%}}

/* Detail layout: progress precedes discussion in DOM and on narrow screens. */
/* Shared feedback UI: clear entry points, accessible controls and compact mobile cards. */
.feedback-card,.info-card{--bs-card-border-radius:16px;--bs-card-inner-border-radius:15px}
.page-heading .eyebrow{background:var(--sp-brand-soft);border-color:var(--sp-brand-soft);color:var(--sp-brand);letter-spacing:.06em}
.section-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem 1.5rem;margin:0 0 1rem;scroll-margin-top:1.5rem}
.section-intro h2{font-size:clamp(1.3rem,3vw,1.65rem);font-weight:750;margin:.3rem 0 0}.section-intro p{color:var(--sp-muted);margin:0;font-size:.92rem}.section-kicker{color:var(--sp-brand);font-weight:700;font-size:.78rem;letter-spacing:.06em}
.feedback-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.feedback-hero>div{min-width:0}.feedback-hero h1{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.35;margin:.8rem 0}.feedback-hero p{line-height:1.8;max-width:42rem;color:#eee8ef;margin:0}.feedback-hero>.btn{flex-shrink:0;min-height:44px}
.channel-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:.4rem 1rem;height:100%;padding:1.4rem;border:1px solid var(--sp-border);border-radius:16px;background:white;color:var(--sp-text);box-shadow:0 4px 16px rgba(45,34,42,.035);transition:border-color .15s,box-shadow .15s,transform .15s}
.channel-card:hover{color:var(--sp-text);border-color:#d8adc2;box-shadow:0 8px 24px rgba(45,34,42,.07);transform:translateY(-2px)}.channel-card strong{font-size:1.08rem;line-height:1.5}.channel-card small{color:var(--sp-muted);font-size:.87rem;line-height:1.65}.channel-card b{grid-column:2;font-weight:500;color:var(--sp-brand);font-size:.78rem;padding-top:.4rem;align-self:end}.channel-card strong,.channel-card small,.channel-card b{min-width:0;overflow-wrap:anywhere}
.channel-icon{grid-column:1;grid-row:1/4;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--sp-brand-soft);color:var(--sp-brand);font-size:1.35rem}.channel-icon.loss{background:#fff3dc;color:#956515}.channel-icon.commerce{background:#e9f3ff;color:#2f62a8}.channel-icon.account{background:#e8f4ee;color:#287a52}.channel-card-personal{background:var(--sp-alt)}
.action-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.3rem 1rem}.action-card>i{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;background:var(--sp-brand-soft);border-radius:13px;font-size:1.35rem}.action-card>strong,.action-card>span{grid-column:2;min-width:0;overflow-wrap:anywhere}.action-card strong{line-height:1.5}.privacy-chip{display:inline-block;font-size:.7rem;vertical-align:middle;font-weight:500;background:#e8f4ee;color:#287a52;border-radius:5px;padding:.15rem .35rem}
.recent-report{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.status-dot{width:.5rem;height:.5rem;flex-shrink:0;border-radius:50%}.recent-report-copy{flex:1;min-width:0;overflow-wrap:anywhere}.recent-report-copy strong{display:block;line-height:1.6;margin-bottom:.2rem}.recent-report>.badge{flex-shrink:0}
.report-list-page .nav-pills{padding:.35rem;background:#eee9ed;border-radius:13px}.report-list-page .nav-link{color:var(--sp-muted);min-height:42px;padding:.6rem .9rem;font-size:.9rem;border-radius:9px}.report-list-page .nav-link.active{background:var(--sp-brand);color:white}
.report-filter-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;min-height:56px}.report-filter-summary::-webkit-details-marker{display:none}.report-filter-summary>span:first-child{font-weight:650}.report-filter-summary::after{content:'⌄';font-size:1.2rem;color:var(--sp-brand)}.report-filter-panel[open]>.report-filter-summary{border-bottom:1px solid var(--sp-border)}.report-filter-panel[open]>.report-filter-summary::after{content:'⌃'}.report-filter-body{padding:1.25rem}.filter-reset{display:inline-block;padding:.5rem 0;font-size:.9rem}
.report-table th{font-size:.78rem;font-weight:650;color:var(--sp-muted);background:var(--sp-alt);white-space:nowrap;padding:1rem}.report-table td{padding:1rem;vertical-align:middle;font-size:.9rem}.report-table td:first-child{width:44%;min-width:190px;max-width:480px;overflow-wrap:anywhere}.report-title{display:block;font-weight:650;color:var(--sp-text);line-height:1.6;margin-bottom:.25rem}.report-table tbody tr:hover{background:var(--sp-alt)}
.report-card-heading{gap:.5rem;line-height:1.65}.report-card-meta{overflow-wrap:anywhere;line-height:1.7}.report-card-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;border-top:1px solid var(--sp-border);padding-top:.65rem}.report-card-votes{color:var(--sp-brand);white-space:nowrap}.report-list-empty>i{font-size:1.7rem;margin-bottom:.7rem}.report-list-empty>p:first-of-type{font-weight:650;color:var(--sp-text)}
.intake-shell{max-width:960px;margin-inline:auto}.intake-back{display:inline-block;margin-bottom:1.25rem;font-size:.9rem;padding:.3rem 0}.intake-form .card-body{padding:1.5rem}.intake-form .form-label{font-weight:600;font-size:.92rem}.intake-form .form-control,.intake-form .form-select{min-height:44px;min-width:0;max-width:100%;border-color:#d9ced6;border-radius:9px}.intake-form textarea{line-height:1.75;resize:vertical}.intake-form .alert{line-height:1.75;font-size:.9rem}.intake-guidance{padding:1rem;border:1px solid var(--sp-border);border-radius:10px;background:var(--sp-alt);line-height:1.8;font-size:.9rem}.intake-guidance a,.intake-form .alert a,.intake-form .form-text a{text-decoration:underline;text-underline-offset:3px}.intake-actions{border-top:1px solid var(--sp-border);padding-top:1.25rem}.intake-actions .btn{min-height:44px;min-width:100px}.intake-errors{scroll-margin-top:1rem}
.support-navbar .nav-link.active{background:rgba(255,255,255,.1);border-radius:8px}.support-navbar .navbar-brand{min-width:0;max-width:70%;overflow-wrap:anywhere}.support-navbar .navbar-toggler{min-height:44px;min-width:44px}.support-navbar .account-link{display:flex;align-items:center;gap:.5rem;max-width:200px;overflow-wrap:anywhere}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8d2857;outline-offset:3px}.support-navbar a:focus-visible,.home-hero a:focus-visible{outline-color:#fff}.content .pagination{flex-wrap:wrap;gap:.2rem}.news-row>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:767.98px){.channel-card,.action-card{padding:1.1rem}.channel-grid,.support-actions{--bs-gutter-y:.8rem}.feedback-hero{display:block;padding:1.5rem}.feedback-hero>.btn{margin-top:1rem}.report-filter-summary{padding:.85rem 1rem}.report-filter-summary>span.small{font-size:.75rem}.recent-report{padding:1rem;gap:.7rem;align-items:flex-start}.recent-report>.status-dot{margin-top:.6rem}.recent-report>.badge{max-width:6rem;white-space:normal;line-height:1.5}.report-list-page .form-control,.report-list-page .form-select,.intake-form .form-control,.intake-form .form-select{font-size:16px}.report-list-page .form-control,.report-list-page .form-select,.report-list-page button{min-height:44px}}
@media(max-width:575.98px){.section-intro{align-items:start}.intake-form .card-body{padding:1rem}.intake-actions .btn{flex:1}.report-list-page .nav-pills{gap:.2rem!important}.report-list-page .nav-link{padding:.6rem .65rem}.report-filter-summary>span.small{display:none}.report-filter-summary>span:first-child{flex:1}.home-hero{min-height:0}.hero-content{padding:2.5rem 0}.hero-content p{font-size:.98rem}.site-footer{text-align:center;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.action-card,.channel-card{transition:none}.action-card:hover,.channel-card:hover{transform:none}}

.report-page .channel-badge{background:var(--sp-brand-soft);color:var(--sp-brand)}
.report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.report-heading{min-width:0}.report-heading h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.4;overflow-wrap:anywhere}.report-heading p{overflow-wrap:anywhere;margin-bottom:0}
.report-vote{flex-shrink:0}.report-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}
.report-layout>*{min-width:0;max-width:100%}.report-progress{grid-area:auto}.report-progress .card-body{padding:1rem}
.progress-current{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.progress-current .badge{font-size:.95rem;padding:.5rem .7rem;white-space:normal}
.progress-latest{display:grid;gap:.3rem;margin-top:1rem;padding:.8rem 1rem;background:var(--sp-alt);border-left:3px solid var(--sp-brand);border-radius:6px;overflow-wrap:anywhere}
.report-progress time{display:block;color:var(--sp-muted);font-size:.82rem}.progress-history{margin-top:.6rem}.progress-history summary{cursor:pointer;color:var(--sp-brand);padding:.75rem 0;min-height:44px;overflow-wrap:anywhere}
.progress-history summary:focus-visible{outline:2px solid var(--sp-brand);outline-offset:3px;border-radius:4px}
.progress-timeline{list-style:none;border-left:2px solid var(--sp-brand-soft);margin:.5rem 0 0 .35rem;padding:0 0 0 1.15rem}
.progress-timeline li{position:relative;padding:0 0 1rem;overflow-wrap:anywhere}.progress-timeline li:last-child{padding-bottom:0}.progress-timeline li:before{content:"";position:absolute;left:-1.56rem;top:.4rem;width:.65rem;height:.65rem;background:var(--sp-brand);border-radius:50%}
.report-page .report-content,.report-page .resolution,.report-attachment,.report-details dd{overflow-wrap:anywhere;min-width:0}
.report-page .report-content pre{max-width:100%;overflow-x:auto;white-space:pre;overscroll-behavior-x:contain}
.report-page .report-content table{display:block;max-width:100%;overflow-x:auto}.report-page .report-content img,.report-page .report-content video{max-width:100%;height:auto}
.report-page .report-content iframe{max-width:100%}.report-comment-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem}.report-comment-heading strong{min-width:0;overflow-wrap:anywhere}
.report-page .form-control{max-width:100%;min-width:0}.report-page .pagination{flex-wrap:wrap}.report-mobile-card strong{min-width:0;overflow-wrap:anywhere}.report-mobile-card .badge{flex-shrink:0;align-self:flex-start;margin-left:.5rem}
@media(min-width:992px){.report-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);grid-template-rows:auto auto 1fr;gap:1.5rem}.report-main{grid-column:1;grid-row:1 / 4}.report-progress{grid-column:2;grid-row:1}.report-metadata{grid-column:2;grid-row:2}}
@media(max-width:575.98px){.report-header{flex-wrap:wrap}.report-vote .btn,.report-page form .btn{min-height:44px}.report-page .card-body{padding:1rem}.report-page .form-control,.report-page .form-select{font-size:16px}.report-details{display:grid;grid-template-columns:minmax(4rem,auto) minmax(0,1fr);gap:.5rem .75rem;margin:0}.report-details dt,.report-details dd{margin:0}.report-page .report-attachment{padding-top:.75rem;padding-bottom:.75rem}}