/* 支持与社区：冷白实底、墨色正文、标识蓝；所有规则限定在服务页。 */
.service-page { padding:0 0 24px; color:#182630; }
.service-page .service-heading { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:7px 0 34px; }
.service-page .page-heading { margin:0; padding:0; }
.service-page .page-heading h1 { margin:0 0 16px; font-size:clamp(30px,3.1vw,42px); letter-spacing:-1.4px; }
.service-page .page-heading p:not(.eyebrow) { max-width:640px; font-size:14px; line-height:1.9; }
.service-page .eyebrow { color:#677587; font-size:10px; margin:0 0 12px; letter-spacing:1.5px; }
.service-page .service-heading-note { display:grid; gap:10px; align-self:flex-end; flex:none; padding:0 0 4px 22px; border-left:2px solid #285cff; font-size:11px; }
.service-page .service-heading-note span { color:#66717c; }
.service-page .service-heading-note strong { font-weight:500; }
.service-page .service-entry-bar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:32px; border-block:1px solid #dfe4e9; }
.service-page .service-entry-bar a { display:flex; align-items:center; gap:18px; padding:23px 25px; border-right:1px solid #dfe4e9; transition:background .18s; }
.service-page .service-entry-bar a:first-child { padding-left:0; }
.service-page .service-entry-bar a:last-child { border-right:0; }
.service-page .service-entry-bar a:hover { background:#edf2ff; }
.service-page .service-entry-bar a>span { color:#8390a0; font:11px Consolas,monospace; }
.service-page .service-entry-bar strong { display:block; font-size:15px; font-weight:600; margin-bottom:6px; }
.service-page .service-entry-bar small { color:#66717c; font-size:11px; }
.service-page .service-entry-bar b { margin-left:auto; color:#285cff; font-size:20px; font-weight:400; }
.service-page .support-workspace { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:24px; align-items:start; }
.service-page .service-surface { min-width:0; background:#fff; border:1px solid #dfe4e9; border-radius:8px; box-shadow:none; backdrop-filter:none; }
.service-page .support-editor,.service-page .support-history { padding:28px; }
.service-page .service-panel-heading { margin-bottom:25px; }
.service-page .service-panel-heading h2 { font-size:23px; font-weight:600; margin:0; letter-spacing:-.5px; }
.service-page .service-panel-heading p:not(.eyebrow) { font-size:12px; line-height:1.85; color:#66717c; margin:12px 0 0; }
.service-page .service-history-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.service-page .service-count { color:#66717c; font-size:11px; white-space:nowrap; }
.service-page .support-ticket-form { display:grid; gap:18px; }
.service-page .support-ticket-form .form-grid { gap:16px; }
.service-page .support-ticket-form>.button { justify-self:start; min-width:132px; }
.service-page .field>span { font-size:12px; font-weight:500; color:#475464; }
.service-page .field textarea { line-height:1.8; resize:vertical; }
.service-page .support-editor .empty-state { padding:28px 0 4px; margin:0; border-top:1px solid #dfe4e9; }
.service-page .support-editor .empty-state h2 { font-size:20px; line-height:1.55; }
.service-page .support-editor .empty-state p { font-size:13px; }
.service-page .support-ticket { border-top:1px solid #e6eaef; }
.service-page .support-ticket>summary { display:flex; align-items:center; gap:12px; padding:20px 0; cursor:pointer; list-style:none; }
.service-page .support-ticket>summary>div { display:grid; gap:8px; min-width:0; flex:1; }
.service-page .support-ticket>summary strong { font-size:14px; line-height:1.65; overflow-wrap:anywhere; font-weight:600; }
.service-page .support-ticket>summary div>span { font-size:11px; color:#66717c; line-height:1.7; }
.service-page .ticket-status { padding:5px 8px; background:#edf2ff; color:#285cff; font-size:10px; white-space:nowrap; border-radius:4px; }
.service-page .support-ticket>summary>b,.service-page .support-contacts>summary>b { color:#778496; font-size:20px; font-weight:400; transition:transform .15s; }
.service-page .support-ticket[open]>summary>b,.service-page .support-contacts[open]>summary>b,.service-page .community-comments[open] summary b { transform:rotate(45deg); }
.service-page .support-ticket-detail { padding:0 0 21px; font-size:12px; color:#66717c; }
.service-page .support-ticket-detail>p { color:#344253; line-height:1.85; white-space:pre-wrap; overflow-wrap:anywhere; margin:0 0 18px; }
.service-page .ticket-reply { border-left:2px solid #285cff; border-radius:0 4px 4px 0; background:#f2f5fb; padding:14px 16px; }
.service-page .ticket-reply strong { color:#344253; }
.service-page .ticket-reply p { color:#475464; line-height:1.85; overflow-wrap:anywhere; }
.service-page .ticket-reply small { color:#7a8696; font-size:10px; }
.service-page .service-empty { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:28px 0 22px; min-height:190px; text-align:left; background:transparent; }
.service-page .service-empty>span { display:grid; place-items:center; width:36px; height:36px; margin-bottom:20px; border:1px solid #d9e2f3; border-radius:8px; color:#285cff; font-size:22px; }
.service-page .service-empty h3 { font-size:17px; margin:0 0 10px; font-weight:550; }
.service-page .service-empty p { max-width:330px; margin:0; color:#66717c; font-size:12px; line-height:1.85; }
.service-page .support-contacts { margin-top:24px; }
.service-page .support-contacts>summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 28px; cursor:pointer; list-style:none; }
.service-page .support-contacts>summary strong { display:block; font-size:17px; font-weight:550; margin-bottom:8px; }
.service-page .support-contacts>summary div>span { color:#66717c; font-size:12px; }
.service-page .support-contacts .contact-section { padding:24px 28px 28px; margin:0; border-top:1px solid #e6eaef; }
.service-page .support-contacts .section-title { display:none; }
.service-page .support-contacts .qr-grid { gap:22px; }
.service-page .support-contacts .qr-card { padding:20px; border-radius:6px; border-color:#e6eaef; background:#f8f9fb; box-shadow:none; }
.service-page .support-contacts .qr-card h3 { font-size:15px; }
.service-page .support-contacts .qr-card p { font-size:12px; line-height:1.8; }
.service-page .support-contacts .qr-card span { font-size:11px; color:#66717c; }
.service-page .community-workspace { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:40px; align-items:start; }
.service-page .community-main-column { min-width:0; }
.service-page .community-composer,.service-page .community-post,.service-page .community-login-prompt { background:#fff; border-color:#dfe4e9; border-radius:8px; box-shadow:none; backdrop-filter:none; }
.service-page .community-composer>summary { padding:21px 24px; }
.service-page .community-composer-form { padding:24px; border-color:#e6eaef; gap:18px; }
.service-page .community-composer>summary strong { font-weight:600; }
.service-page .community-composer>summary small { font-size:12px; }
.service-page .community-avatar { background:#edf1f8; color:#485b75; width:40px; height:40px; border-radius:8px; box-shadow:none; font-size:14px; font-weight:600; }
.service-page .community-avatar.is-official { background:#285cff; color:#fff; }
.service-page .community-avatar.is-small { width:30px; height:30px; border-radius:6px; font-size:11px; }
.service-page .composer-open-label { background:#edf2ff; color:#285cff; border-radius:5px; font-size:11px; font-weight:600; }
.service-page .community-composer[open] .composer-open-label { background:#f0f3f8; color:#475464; }
.service-page .community-login-prompt { padding:24px; }
.service-page .community-login-prompt>div { display:grid; gap:9px; }
.service-page .community-login-prompt strong { color:#182630; font-size:15px; font-weight:550; }
.service-page .community-login-prompt span { font-size:12px; color:#66717c; }
.service-page .community-feed-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:32px 0 16px; }
.service-page .community-feed-heading h2 { font-size:18px; font-weight:600; margin:0; }
.service-page .community-feed-heading>span { color:#66717c; font-size:11px; }
.service-page .community-feed { gap:20px; }
.service-page .community-post { scroll-margin-top:105px; }
.service-page .community-post-header { padding:24px 28px 17px; grid-template-columns:40px minmax(0,1fr) auto; gap:12px; }
.service-page .community-post-identity strong { font-size:12px; font-weight:600; }
.service-page .community-post-identity span { color:#8390a0; font-size:10px; }
.service-page .community-post-tags span { color:#536379; background:#f1f4f8; border-radius:4px; font-size:10px; font-weight:500; }
.service-page .community-post-tags span.is-official { color:#285cff; background:#edf2ff; }
.service-page .community-post-body { padding:0 28px 25px; }
.service-page .community-post-body h2 { font-size:22px; line-height:1.55; letter-spacing:-.4px; margin:0 0 14px; overflow-wrap:anywhere; }
.service-page .community-post-summary { font-size:13px; font-weight:500; color:#66717c; margin-bottom:15px; }
.service-page .community-post-content { font-size:13px; color:#344253; line-height:1.95; }
.service-page .community-comments { padding:0; background:#fafbfe; border-color:#e6eaef; }
.service-page .community-comments-header { display:flex; justify-content:space-between; align-items:center; cursor:pointer; list-style:none; margin:0; padding:15px 28px; }
.service-page .community-comments-header strong { font-weight:550; font-size:11px; color:#5c6d83; }
.service-page .community-comments-header span { display:flex; gap:15px; align-items:center; color:#778496; font-size:11px; }
.service-page .community-comments-header b { display:inline-block; font-weight:400; font-size:17px; transition:transform .15s; }
.service-page .community-discussion-body { padding:5px 28px 24px; }
.service-page .community-comment { grid-template-columns:30px minmax(0,1fr); }
.service-page .community-comment-bubble { background:#fff; border:1px solid #e6eaef; border-radius:5px; }
.service-page .community-comment-bubble strong { color:#475464; }
.service-page .community-comment-bubble p { font-size:12px; }
.service-page .community-comment-form { grid-template-columns:30px minmax(0,1fr) auto; }
.service-page .community-no-comments { text-align:left; padding:8px 0; background:transparent; }
.service-page .community-directory { min-width:0; padding-top:2px; }
.service-page .community-directory-section { padding:0 0 27px; margin-bottom:27px; border-bottom:1px solid #dfe4e9; }
.service-page .community-directory h2 { font-size:17px; line-height:1.65; margin:0 0 18px; font-weight:550; }
.service-page .community-directory h3 { font-size:16px; font-weight:550; margin:0 0 12px; }
.service-page .community-directory p:not(.eyebrow) { font-size:12px; color:#66717c; line-height:1.95; }
.service-page .community-directory nav { display:grid; gap:7px; }
.service-page .community-directory nav a { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px; background:#edf1f8; border:1px solid #e1e7f0; border-radius:5px; font-size:12px; }
.service-page .community-directory nav a:hover { background:#e5ecff; border-color:#b5c6ff; }
.service-page .community-directory nav a>span { overflow-wrap:anywhere; }
.service-page .community-directory nav small { color:#6d7d93; font:11px Consolas,monospace; }
.service-page .community-directory .text-link { font-size:12px; }
.service-page .community-scene { margin:0; background:#182630; overflow:hidden; border-radius:6px; }
.service-page .community-scene img { width:100%; height:196px; object-fit:cover; object-position:54% 43%; display:block; }
.service-page .community-scene figcaption { padding:15px 17px; color:#cbd3de; font-size:11px; }
.service-page .community-empty { padding:34px; background:#fff; border:1px solid #dfe4e9; border-radius:8px; }
.service-page summary::-webkit-details-marker { display:none; }
.service-page #support-submit,.service-page #support-history,.service-page #contact { scroll-margin-top:105px; }
@media(max-width:1080px) {
  .service-page .service-heading-note { display:none; }
  .service-page .community-workspace { grid-template-columns:minmax(0,1fr) 230px; gap:24px; }
  .service-page .support-editor,.service-page .support-history { padding:24px; }
  .service-page .support-contacts .qr-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:820px) {
  .service-page .support-workspace { grid-template-columns:minmax(0,1fr); }
  .service-page .community-workspace { grid-template-columns:minmax(0,1fr); }
  .service-page .community-directory { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:12px; }
  .service-page .community-scene { display:none; }
  .service-page .community-directory-section { margin:0; }
  .service-page .service-entry-bar a { padding:20px 15px; gap:12px; }
  .service-page .service-entry-bar small { line-height:1.7; }
}
@media(max-width:600px) {
  .service-page .service-heading { padding:0 0 26px; }
  .service-page .page-heading h1 { letter-spacing:-.8px; }
  .service-page .service-entry-bar { grid-template-columns:minmax(0,1fr); margin-bottom:24px; }
  .service-page .service-entry-bar a,.service-page .service-entry-bar a:first-child { border-right:0; padding:15px 0; border-bottom:1px solid #e6eaef; }
  .service-page .service-entry-bar a:last-child { border-bottom:0; }
  .service-page .service-entry-bar strong { font-size:14px; }
  .service-page .support-editor,.service-page .support-history { padding:22px 20px; }
  .service-page .support-contacts>summary { padding:22px 20px; }
  .service-page .support-contacts .contact-section { padding:20px; }
  .service-page .support-contacts .qr-card { padding:16px; }
  .service-page .support-ticket>summary { flex-wrap:wrap; }
  .service-page .support-ticket>summary>div { flex-basis:calc(100% - 24px); }
  .service-page .support-ticket>summary>b { margin-left:auto; order:1; }
  .service-page .support-ticket .ticket-status { order:2; }
  .service-page .support-ticket-form .form-grid.two { grid-template-columns:minmax(0,1fr); }
  .service-page .community-composer>summary { padding:20px; grid-template-columns:40px minmax(0,1fr); }
  .service-page .community-composer>summary .composer-open-label { grid-column:2; }
  .service-page .community-composer-form { padding:20px; }
  .service-page .community-post-header { padding:20px 20px 16px; grid-template-columns:40px minmax(0,1fr); }
  .service-page .community-post-tags { grid-column:2; justify-self:start; }
  .service-page .community-post-body { padding:0 20px 22px; }
  .service-page .community-post-body h2 { font-size:20px; }
  .service-page .community-comments-header { padding:15px 20px; }
  .service-page .community-discussion-body { padding:5px 20px 20px; }
  .service-page .community-comment-form { grid-template-columns:30px minmax(0,1fr); }
  .service-page .community-comment-form .button { grid-column:2; }
  .service-page .community-directory { grid-template-columns:minmax(0,1fr); }
  .service-page .community-comment-bubble>div { flex-direction:column; gap:4px; }
  .service-page .community-empty { padding:26px; }
}

.service-page .support-contact-options { display:grid; grid-template-columns:1fr 1fr; padding:0 28px 25px; gap:18px; }
.service-page .support-contact-options a { border:1px solid #e1e7ef; border-radius:9px; padding:22px; background:#f8fafd; }
.service-page .support-contact-options span { display:block; color:#8b97a7; font-size:10px; margin-bottom:14px; }
.service-page .support-contact-options strong { font-size:14px; font-weight:600; }
.service-page .support-contact-options p { color:#7a8797; font-size:12px; line-height:1.8; margin:10px 0 0; }
@media(max-width:600px) { .service-page .support-contact-options { grid-template-columns:1fr; padding-inline:20px; } }