/*
 * 公开页精简样式（2026-10-26 第 2 轮设计稿落地）：/gm2、/temp-redeem、/tutorial、/ldxp-shop、/ddt 下半页。
 * 规则见 docs/project/frontend/public-page-style-rules.md。
 * 写法：第一份（未分层）给不支持 @layer 的旧浏览器 / Flash 中心 WebView；第二份同样的规则写进 @layer public-a2，
 * 才能盖过 public-a2.css 层内带 !important 的样式（层内 !important 优先于未分层 !important）。
 * 约束：纯色背景、无 CSS 变量、关键布局不用 grid、where 伪类和 min 函数；color 与 -webkit-text-fill-color 成对；点击区 ≥44px。
 * 不改：原顶部导航；/ldxp-shop 的 #entryShopFrame、.shop-channel-card；/ddt 的 #entryBuyChannel。
 */
/* ===== 1. 分页 A（/gm2、/temp-redeem 共用：.pga） ===== */
html body #pageShell .pga { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; box-sizing: border-box !important; width: 100% !important; margin: 12px 0 0 !important; padding: 10px 12px !important; background: #121611 !important; background-image: none !important; border: 1px solid #3a3122 !important; border-radius: 12px !important; box-shadow: none !important; grid-template-columns: none !important; }
html body #pageShell .pga[hidden] { display: none !important; }
html body #pageShell .pga .pga-info { display: block !important; margin: 4px 12px 4px 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; text-align: left !important; background: transparent !important; border: 0 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; grid-column: auto !important; grid-row: auto !important; }
html body #pageShell .pga .pga-pages, html body #pageShell .pga .pga-tools, html body #pageShell .pga .pga-nums { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; margin: 4px 0 !important; }
html body #pageShell .pga .pga-nums { margin: 0 !important; }
html body #pageShell .pga button.pga-btn, html body #pageShell .pga button.pga-num, html body #pageShell .pga button.pga-go { display: inline-block !important; box-sizing: border-box !important; min-width: 44px !important; width: auto !important; height: 44px !important; min-height: 44px !important; margin: 0 3px !important; padding: 0 12px !important; border: 1px solid #86703f !important; border-radius: 8px !important; background: #1f241f !important; background-image: none !important; box-shadow: none !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; font-size: 15px !important; line-height: 42px !important; font-weight: 400 !important; text-shadow: none !important; transform: none !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; grid-column: auto !important; grid-row: auto !important; }
html body #pageShell .pga button.pga-num { padding: 0 8px !important; }
html body #pageShell .pga button.pga-go { background: #30281c !important; border-color: #a17d3f !important; }
html body #pageShell .pga button.pga-btn:hover, html body #pageShell .pga button.pga-num:hover, html body #pageShell .pga button.pga-go:hover { background: #2a2a20 !important; border-color: #dcae4b !important; color: #ffe9b8 !important; -webkit-text-fill-color: #ffe9b8 !important; }
html body #pageShell .pga button.pga-num.is-current, html body #pageShell .pga button.pga-num.is-current:hover { background: #dcae4b !important; border-color: #dcae4b !important; color: #1a1408 !important; -webkit-text-fill-color: #1a1408 !important; font-weight: 700 !important; cursor: default !important; }
html body #pageShell .pga button.pga-btn[disabled], html body #pageShell .pga button.pga-btn[disabled]:hover, html body #pageShell .pga button.pga-num[disabled] { background: #171b18 !important; border-color: #3a3426 !important; color: #8a8170 !important; -webkit-text-fill-color: #8a8170 !important; cursor: not-allowed !important; }
html body #pageShell .pga button.pga-num.is-current[disabled] { background: #dcae4b !important; border-color: #dcae4b !important; color: #1a1408 !important; -webkit-text-fill-color: #1a1408 !important; }
html body #pageShell .pga .pga-gap { display: inline-block !important; padding: 0 4px !important; color: #a39882 !important; -webkit-text-fill-color: #a39882 !important; }
html body #pageShell .pga .pga-tools label { display: inline-block !important; margin: 0 6px !important; padding: 0 !important; font-size: 14px !important; font-weight: 400 !important; white-space: nowrap !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body #pageShell .pga .pga-tools select, html body #pageShell .pga .pga-tools input { display: inline-block !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; margin: 0 4px !important; padding: 0 10px !important; border: 1px solid #86703f !important; border-radius: 8px !important; background-color: #0e120e !important; box-shadow: none !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; font-size: 15px !important; }
html body #pageShell .pga .pga-tools select { padding-right: 26px !important; -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23dcae4b'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; }
html body #pageShell .pga .pga-tools input { width: 76px !important; text-align: center !important; }
html body #pageShell .pga button:focus, html body #pageShell .pga select:focus, html body #pageShell .pga input:focus { outline: 2px solid #f2c661 !important; outline-offset: 2px !important; }
@media (max-width: 600px) {
  html body #pageShell .pga { display: block !important; padding: 10px !important; }
  html body #pageShell .pga .pga-info { margin: 0 0 8px !important; text-align: center !important; }
  html body #pageShell .pga .pga-pages, html body #pageShell .pga .pga-nums { -webkit-box-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; }
  html body #pageShell .pga button.pga-btn, html body #pageShell .pga button.pga-num { padding: 0 10px !important; margin: 0 2px !important; }
  html body #pageShell .pga button.pga-num.pga-hide-m, html body #pageShell .pga .pga-gap.pga-hide-m, html body #pageShell .pga .pga-t { display: none !important; }
  html body #pageShell .pga .pga-tools { -webkit-box-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid #2e2a20 !important; }
}

/* ===== 2. /gm2 ===== */
html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero { position: relative !important; min-height: 0 !important; padding-right: 180px !important; }
html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero .gm2-pg-hero-actions { display: block !important; position: absolute !important; right: 16px !important; top: 50% !important; margin: -22px 0 0 !important; padding: 0 !important; width: auto !important; }
html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero p { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.gm2-pg-page #pageShell #heroSection a.gm2-pg-inline-link { display: inline !important; padding: 0 2px !important; color: #f2c661 !important; -webkit-text-fill-color: #f2c661 !important; text-decoration: underline !important; background: transparent !important; border: 0 !important; }
html body.gm2-pg-page #pageShell #heroSection .gm2-pg-hero-actions a.gm2-pg-buy { display: inline-block !important; min-height: 44px !important; line-height: 42px !important; padding: 0 18px !important; border: 1px solid #a17d3f !important; border-radius: 10px !important; background: #2a2418 !important; background-image: none !important; box-shadow: none !important; color: #f2c661 !important; -webkit-text-fill-color: #f2c661 !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap !important; }
html body.gm2-pg-page #pageShell #heroSection .gm2-pg-hero-actions a.gm2-pg-buy:hover { background: #3a301c !important; border-color: #dcae4b !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools { padding: 22px !important; background: #171b18 !important; background-image: none !important; border: 1px solid #625135 !important; border-radius: 16px !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tools-head p { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tools-grid { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; margin: 0 -8px !important; grid-template-columns: none !important; gap: 0 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; -webkit-box-flex: 1 !important; -webkit-flex: 1 1 300px !important; flex: 1 1 300px !important; box-sizing: border-box !important; min-width: 0 !important; min-height: 230px !important; margin: 0 8px 16px !important; padding: 22px !important; gap: 0 !important; background: #121611 !important; background-image: none !important; border: 1px solid #86703f !important; border-radius: 16px !important; box-shadow: none !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:hover { border-color: #dcae4b !important; background: #151a14 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon { display: block !important; -webkit-box-flex: 0 !important; -webkit-flex: none !important; flex: none !important; box-sizing: border-box !important; width: 112px !important; height: 112px !important; margin: 0 20px 0 0 !important; padding: 20px !important; text-align: center !important; background: #1f1c13 !important; background-image: none !important; border: 1px solid #3a3122 !important; border-radius: 24px !important; box-shadow: none !important; color: #dcae4b !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon.is-clean { background: #21140f !important; border-color: #4a2a20 !important; color: #e89574 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon svg { display: block !important; width: 70px !important; height: 70px !important; margin: 0 !important; fill: currentColor !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-content { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 0 !important; flex: 1 1 0 !important; min-width: 0 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card h3 { margin: 10px 0 6px !important; font-size: 24px !important; line-height: 1.3 !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card p { margin: 0 0 10px !important; font-size: 14px !important; line-height: 1.6 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-pg-tags span { display: inline-block !important; margin: 0 6px 6px 0 !important; padding: 3px 10px !important; border: 1px solid #3a3122 !important; border-radius: 8px !important; background: #1f241f !important; font-size: 13px !important; line-height: 1.5 !important; color: #e8dcc0 !important; -webkit-text-fill-color: #e8dcc0 !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-action { min-height: 48px !important; margin-top: 8px !important; font-size: 16px !important; }
/* 三张卡（第三张由其他工具追加时）自动缩小图标，避免挤压正文 */
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon,
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon { width: 80px !important; height: 80px !important; padding: 14px !important; margin-right: 16px !important; border-radius: 18px !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon svg,
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon svg { width: 50px !important; height: 50px !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3),
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card { -webkit-flex: 1 1 260px !important; flex: 1 1 260px !important; padding: 18px !important; }
html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-tools-context { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.gm2-pg-page #pageShell #sendConfigSection .entry-version-fallback-current, html body.gm2-pg-page #pageShell .gm2-pg-hidden, html body.gm2-pg-page #pageShell details.a2-tools[hidden] { display: none !important; }
html body.gm2-pg-page #pageShell #validationHint { display: block !important; margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.5 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.gm2-pg-page #pageShell #validationHint.warn, html body.gm2-pg-page #pageShell #validationHint.error { color: #ff9b85 !important; -webkit-text-fill-color: #ff9b85 !important; font-weight: 700 !important; }
html body.gm2-pg-page #pageShell #validationHint.ok, html body.gm2-pg-page #pageShell #validationHint.success { color: #a8d794 !important; -webkit-text-fill-color: #a8d794 !important; }
html body.gm2-pg-page #pageShell #validationHint:empty { display: none !important; }
html body.gm2-pg-page #pageShell #itemListSection .gm2-pg-note { padding: 10px 0 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.6 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.gm2-pg-page #pageShell .gm2-wa-field .field-note, html body.gm2-pg-page #pageShell .config-summary { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
@media (max-width: 760px) {
  html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero { padding-right: 0 !important; }
  html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero .gm2-pg-hero-actions { position: static !important; margin: 10px 0 0 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools { padding: 14px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tools-grid { margin: 0 -5px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3),
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card { display: block !important; -webkit-flex: 1 1 140px !important; flex: 1 1 140px !important; min-height: 0 !important; padding: 14px !important; margin: 0 5px 10px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon { width: 64px !important; height: 64px !important; padding: 10px !important; margin: 0 0 10px !important; border-radius: 16px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon svg,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon svg,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon svg { width: 42px !important; height: 42px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-pg-tags { display: none !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card h3 { font-size: 20px !important; margin-top: 6px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-action { width: 100% !important; min-height: 48px !important; padding: 8px 10px !important; font-size: 15px !important; }
}

/* ===== 3. /temp-redeem ===== */
html body.tr-pg-page #pageShell .tr-pg-hidden, html body.tr-pg-page #pageShell .item-send-quota-cell[hidden] { display: none !important; }
html body.tr-pg-page #pageShell #itemSendCatalogMeta:empty { display: none !important; }
html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; grid-template-columns: none !important; gap: 0 !important; }
html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga[hidden] { display: none !important; }
html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga #itemSendPageText { white-space: normal !important; text-align: left !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
@media (max-width: 600px) {
  html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga { display: block !important; }
  html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga[hidden] { display: none !important; }
  html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga #itemSendPageText { text-align: center !important; }
}

/* ===== 4. /tutorial ===== */
html body.tu-pg-page #entryTop.hero { min-height: 0 !important; padding-bottom: 26px !important; }
html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps { display: block !important; margin: 14px 0 0 !important; padding: 14px 16px !important; background: #121611 !important; background-image: none !important; border: 1px solid #3a3122 !important; border-radius: 12px !important; color: #e8dcc0 !important; -webkit-text-fill-color: #e8dcc0 !important; }
html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps p, html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps li { font-size: 15px !important; line-height: 1.7 !important; color: #e8dcc0 !important; -webkit-text-fill-color: #e8dcc0 !important; }
html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps li strong { color: #f2c661 !important; -webkit-text-fill-color: #f2c661 !important; }
html body.tu-pg-page .tutorial-page figcaption.media-caption { position: static !important; display: block !important; padding: 10px 12px !important; background: #121611 !important; background-image: none !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.tu-pg-page .tutorial-page figcaption.media-caption strong { display: block !important; width: auto !important; height: auto !important; margin: 0 0 2px !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: 15px !important; font-weight: 700 !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; }
html body.tu-pg-page .tutorial-page figcaption.media-caption strong:before { display: none !important; content: none !important; }
html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps .step-list { display: block !important; margin: 8px 0 0 !important; padding-left: 0 !important; }
html body.tu-pg-page .tutorial-page figcaption.media-caption span { display: block !important; padding: 0 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
html body.tu-pg-page .tutorial-page figcaption.media-caption:before, html body.tu-pg-page .tutorial-page figcaption.media-caption span:before { display: none !important; content: none !important; }

/* ===== 5. /ldxp-shop（只改内嵌购买区 #entryShopFrame 以外） ===== */
html body.ls-pg-page #entryTop .shop-hero { min-height: 0 !important; }
html body.ls-pg-page #entryTop .shop-hero sl-icon, html body.ls-pg-page #entryTop .shop-side sl-icon, html body.ls-pg-page #entryTop .shop-warning sl-icon { display: none !important; }
html body.ls-pg-page #entryTop .shop-next-card span span { font-size: 13px !important; color: #c4baa3 !important; -webkit-text-fill-color: #c4baa3 !important; }
html body.ls-pg-page #entryTop .shop-warning, html body.ls-pg-page #entryTop .shop-warning span { color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; }
html body.ls-pg-page #entryTop .shop-warning { border-left: 3px solid #e07b5f !important; background: #1f1612 !important; background-image: none !important; }

/* ===== 6. /ddt 下半页：图文教程三 Tab（内嵌购买区 #entryBuyChannel 不动） ===== */
html body.dd-pg-page #entryPicTutorial .dd-pg-tabs { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; margin: 0 0 16px !important; padding: 4px !important; background: #121611 !important; border: 1px solid #3a3122 !important; border-radius: 12px !important; }
html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab] { display: block !important; -webkit-box-flex: 1 !important; -webkit-flex: 1 1 0 !important; flex: 1 1 0 !important; box-sizing: border-box !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 9px !important; background: #121611 !important; box-shadow: none !important; text-align: center !important; line-height: 48px !important; font-size: 16px !important; white-space: nowrap !important; overflow: hidden !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; cursor: pointer !important; }
html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab].is-on { background: #2a2a20 !important; box-shadow: inset 0 -2px 0 #dcae4b !important; font-weight: 700 !important; color: #dcae4b !important; -webkit-text-fill-color: #dcae4b !important; }
html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab]:focus { outline: 2px solid #f2c661 !important; outline-offset: 2px !important; }
html body.dd-pg-page #entryPicTutorial.dd-pg-tab-win [data-pane=mac], html body.dd-pg-page #entryPicTutorial.dd-pg-tab-win [data-pane=mobile],
html body.dd-pg-page #entryPicTutorial.dd-pg-tab-mac [data-pane=win], html body.dd-pg-page #entryPicTutorial.dd-pg-tab-mac [data-pane=mobile],
html body.dd-pg-page #entryPicTutorial.dd-pg-tab-mobile .dd-pg-pc { display: none !important; }
@media (max-width: 600px) {
  html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab] { font-size: 14px !important; padding: 0 4px !important; }
}

@layer public-a2 {
  /* ===== 1. 分页 A（/gm2、/temp-redeem 共用：.pga） ===== */
  html body #pageShell .pga { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; box-sizing: border-box !important; width: 100% !important; margin: 12px 0 0 !important; padding: 10px 12px !important; background: #121611 !important; background-image: none !important; border: 1px solid #3a3122 !important; border-radius: 12px !important; box-shadow: none !important; grid-template-columns: none !important; }
  html body #pageShell .pga[hidden] { display: none !important; }
  html body #pageShell .pga .pga-info { display: block !important; margin: 4px 12px 4px 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; text-align: left !important; background: transparent !important; border: 0 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; grid-column: auto !important; grid-row: auto !important; }
  html body #pageShell .pga .pga-pages, html body #pageShell .pga .pga-tools, html body #pageShell .pga .pga-nums { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; margin: 4px 0 !important; }
  html body #pageShell .pga .pga-nums { margin: 0 !important; }
  html body #pageShell .pga button.pga-btn, html body #pageShell .pga button.pga-num, html body #pageShell .pga button.pga-go { display: inline-block !important; box-sizing: border-box !important; min-width: 44px !important; width: auto !important; height: 44px !important; min-height: 44px !important; margin: 0 3px !important; padding: 0 12px !important; border: 1px solid #86703f !important; border-radius: 8px !important; background: #1f241f !important; background-image: none !important; box-shadow: none !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; font-size: 15px !important; line-height: 42px !important; font-weight: 400 !important; text-shadow: none !important; transform: none !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; grid-column: auto !important; grid-row: auto !important; }
  html body #pageShell .pga button.pga-num { padding: 0 8px !important; }
  html body #pageShell .pga button.pga-go { background: #30281c !important; border-color: #a17d3f !important; }
  html body #pageShell .pga button.pga-btn:hover, html body #pageShell .pga button.pga-num:hover, html body #pageShell .pga button.pga-go:hover { background: #2a2a20 !important; border-color: #dcae4b !important; color: #ffe9b8 !important; -webkit-text-fill-color: #ffe9b8 !important; }
  html body #pageShell .pga button.pga-num.is-current, html body #pageShell .pga button.pga-num.is-current:hover { background: #dcae4b !important; border-color: #dcae4b !important; color: #1a1408 !important; -webkit-text-fill-color: #1a1408 !important; font-weight: 700 !important; cursor: default !important; }
  html body #pageShell .pga button.pga-btn[disabled], html body #pageShell .pga button.pga-btn[disabled]:hover, html body #pageShell .pga button.pga-num[disabled] { background: #171b18 !important; border-color: #3a3426 !important; color: #8a8170 !important; -webkit-text-fill-color: #8a8170 !important; cursor: not-allowed !important; }
  html body #pageShell .pga button.pga-num.is-current[disabled] { background: #dcae4b !important; border-color: #dcae4b !important; color: #1a1408 !important; -webkit-text-fill-color: #1a1408 !important; }
  html body #pageShell .pga .pga-gap { display: inline-block !important; padding: 0 4px !important; color: #a39882 !important; -webkit-text-fill-color: #a39882 !important; }
  html body #pageShell .pga .pga-tools label { display: inline-block !important; margin: 0 6px !important; padding: 0 !important; font-size: 14px !important; font-weight: 400 !important; white-space: nowrap !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body #pageShell .pga .pga-tools select, html body #pageShell .pga .pga-tools input { display: inline-block !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; margin: 0 4px !important; padding: 0 10px !important; border: 1px solid #86703f !important; border-radius: 8px !important; background-color: #0e120e !important; box-shadow: none !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; font-size: 15px !important; }
  html body #pageShell .pga .pga-tools select { padding-right: 26px !important; -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23dcae4b'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; }
  html body #pageShell .pga .pga-tools input { width: 76px !important; text-align: center !important; }
  html body #pageShell .pga button:focus, html body #pageShell .pga select:focus, html body #pageShell .pga input:focus { outline: 2px solid #f2c661 !important; outline-offset: 2px !important; }
  @media (max-width: 600px) {
    html body #pageShell .pga { display: block !important; padding: 10px !important; }
    html body #pageShell .pga .pga-info { margin: 0 0 8px !important; text-align: center !important; }
    html body #pageShell .pga .pga-pages, html body #pageShell .pga .pga-nums { -webkit-box-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; }
    html body #pageShell .pga button.pga-btn, html body #pageShell .pga button.pga-num { padding: 0 10px !important; margin: 0 2px !important; }
    html body #pageShell .pga button.pga-num.pga-hide-m, html body #pageShell .pga .pga-gap.pga-hide-m, html body #pageShell .pga .pga-t { display: none !important; }
    html body #pageShell .pga .pga-tools { -webkit-box-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid #2e2a20 !important; }
  }

  /* ===== 2. /gm2 ===== */
  html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero { position: relative !important; min-height: 0 !important; padding-right: 180px !important; }
  html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero .gm2-pg-hero-actions { display: block !important; position: absolute !important; right: 16px !important; top: 50% !important; margin: -22px 0 0 !important; padding: 0 !important; width: auto !important; }
  html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero p { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.gm2-pg-page #pageShell #heroSection a.gm2-pg-inline-link { display: inline !important; padding: 0 2px !important; color: #f2c661 !important; -webkit-text-fill-color: #f2c661 !important; text-decoration: underline !important; background: transparent !important; border: 0 !important; }
  html body.gm2-pg-page #pageShell #heroSection .gm2-pg-hero-actions a.gm2-pg-buy { display: inline-block !important; min-height: 44px !important; line-height: 42px !important; padding: 0 18px !important; border: 1px solid #a17d3f !important; border-radius: 10px !important; background: #2a2418 !important; background-image: none !important; box-shadow: none !important; color: #f2c661 !important; -webkit-text-fill-color: #f2c661 !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap !important; }
  html body.gm2-pg-page #pageShell #heroSection .gm2-pg-hero-actions a.gm2-pg-buy:hover { background: #3a301c !important; border-color: #dcae4b !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools { padding: 22px !important; background: #171b18 !important; background-image: none !important; border: 1px solid #625135 !important; border-radius: 16px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tools-head p { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tools-grid { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; margin: 0 -8px !important; grid-template-columns: none !important; gap: 0 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; -webkit-box-flex: 1 !important; -webkit-flex: 1 1 300px !important; flex: 1 1 300px !important; box-sizing: border-box !important; min-width: 0 !important; min-height: 230px !important; margin: 0 8px 16px !important; padding: 22px !important; gap: 0 !important; background: #121611 !important; background-image: none !important; border: 1px solid #86703f !important; border-radius: 16px !important; box-shadow: none !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:hover { border-color: #dcae4b !important; background: #151a14 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon { display: block !important; -webkit-box-flex: 0 !important; -webkit-flex: none !important; flex: none !important; box-sizing: border-box !important; width: 112px !important; height: 112px !important; margin: 0 20px 0 0 !important; padding: 20px !important; text-align: center !important; background: #1f1c13 !important; background-image: none !important; border: 1px solid #3a3122 !important; border-radius: 24px !important; box-shadow: none !important; color: #dcae4b !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon.is-clean { background: #21140f !important; border-color: #4a2a20 !important; color: #e89574 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon svg { display: block !important; width: 70px !important; height: 70px !important; margin: 0 !important; fill: currentColor !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-content { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 0 !important; flex: 1 1 0 !important; min-width: 0 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card h3 { margin: 10px 0 6px !important; font-size: 24px !important; line-height: 1.3 !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card p { margin: 0 0 10px !important; font-size: 14px !important; line-height: 1.6 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-pg-tags span { display: inline-block !important; margin: 0 6px 6px 0 !important; padding: 3px 10px !important; border: 1px solid #3a3122 !important; border-radius: 8px !important; background: #1f241f !important; font-size: 13px !important; line-height: 1.5 !important; color: #e8dcc0 !important; -webkit-text-fill-color: #e8dcc0 !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-action { min-height: 48px !important; margin-top: 8px !important; font-size: 16px !important; }
  /* 三张卡（第三张由其他工具追加时）自动缩小图标，避免挤压正文 */
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon { width: 80px !important; height: 80px !important; padding: 14px !important; margin-right: 16px !important; border-radius: 18px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon svg,
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon svg { width: 50px !important; height: 50px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3),
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card { -webkit-flex: 1 1 260px !important; flex: 1 1 260px !important; padding: 18px !important; }
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-tools-context { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.gm2-pg-page #pageShell #sendConfigSection .entry-version-fallback-current, html body.gm2-pg-page #pageShell .gm2-pg-hidden, html body.gm2-pg-page #pageShell details.a2-tools[hidden] { display: none !important; }
  html body.gm2-pg-page #pageShell #validationHint { display: block !important; margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.5 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.gm2-pg-page #pageShell #validationHint.warn, html body.gm2-pg-page #pageShell #validationHint.error { color: #ff9b85 !important; -webkit-text-fill-color: #ff9b85 !important; font-weight: 700 !important; }
  html body.gm2-pg-page #pageShell #validationHint.ok, html body.gm2-pg-page #pageShell #validationHint.success { color: #a8d794 !important; -webkit-text-fill-color: #a8d794 !important; }
  html body.gm2-pg-page #pageShell #validationHint:empty { display: none !important; }
  html body.gm2-pg-page #pageShell #itemListSection .gm2-pg-note { padding: 10px 0 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.6 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.gm2-pg-page #pageShell .gm2-wa-field .field-note, html body.gm2-pg-page #pageShell .config-summary { color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  @media (max-width: 760px) {
    html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero { padding-right: 0 !important; }
    html body.gm2-pg-page #pageShell #heroSection.gm2-pg-hero .gm2-pg-hero-actions { position: static !important; margin: 10px 0 0 !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools { padding: 14px !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tools-grid { margin: 0 -5px !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card,
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3),
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card { display: block !important; -webkit-flex: 1 1 140px !important; flex: 1 1 140px !important; min-height: 0 !important; padding: 14px !important; margin: 0 5px 10px !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon,
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon,
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon { width: 64px !important; height: 64px !important; padding: 10px !important; margin: 0 0 10px !important; border-radius: 16px !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-service-icon svg,
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) .gm2-service-icon svg,
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card:first-child:nth-last-child(n+3) ~ .gm2-quick-tool-card .gm2-service-icon svg { width: 42px !important; height: 42px !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-pg-tags { display: none !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-card h3 { font-size: 20px !important; margin-top: 6px !important; }
    html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools .gm2-quick-tool-action { width: 100% !important; min-height: 48px !important; padding: 8px 10px !important; font-size: 15px !important; }
  }

  /* ===== 3. /temp-redeem ===== */
  html body.tr-pg-page #pageShell .tr-pg-hidden, html body.tr-pg-page #pageShell .item-send-quota-cell[hidden] { display: none !important; }
  html body.tr-pg-page #pageShell #itemSendCatalogMeta:empty { display: none !important; }
  html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; grid-template-columns: none !important; gap: 0 !important; }
  html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga[hidden] { display: none !important; }
  html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga #itemSendPageText { white-space: normal !important; text-align: left !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  @media (max-width: 600px) {
    html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga { display: block !important; }
    html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga[hidden] { display: none !important; }
    html body.a2-public.a2-temp-redeem.tr-pg-page #pageShell #itemSendPagination.pga #itemSendPageText { text-align: center !important; }
  }

  /* ===== 4. /tutorial ===== */
  html body.tu-pg-page #entryTop.hero { min-height: 0 !important; padding-bottom: 26px !important; }
  html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps { display: block !important; margin: 14px 0 0 !important; padding: 14px 16px !important; background: #121611 !important; background-image: none !important; border: 1px solid #3a3122 !important; border-radius: 12px !important; color: #e8dcc0 !important; -webkit-text-fill-color: #e8dcc0 !important; }
  html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps p, html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps li { font-size: 15px !important; line-height: 1.7 !important; color: #e8dcc0 !important; -webkit-text-fill-color: #e8dcc0 !important; }
  html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps li strong { color: #f2c661 !important; -webkit-text-fill-color: #f2c661 !important; }
  html body.tu-pg-page .tutorial-page figcaption.media-caption { position: static !important; display: block !important; padding: 10px 12px !important; background: #121611 !important; background-image: none !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.tu-pg-page .tutorial-page figcaption.media-caption strong { display: block !important; width: auto !important; height: auto !important; margin: 0 0 2px !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: 15px !important; font-weight: 700 !important; color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; }
  html body.tu-pg-page .tutorial-page figcaption.media-caption strong:before { display: none !important; content: none !important; }
  html body.tu-pg-page .tutorial-page .a2-instructions.tu-pg-steps .step-list { display: block !important; margin: 8px 0 0 !important; padding-left: 0 !important; }
  html body.tu-pg-page .tutorial-page figcaption.media-caption span { display: block !important; padding: 0 !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; }
  html body.tu-pg-page .tutorial-page figcaption.media-caption:before, html body.tu-pg-page .tutorial-page figcaption.media-caption span:before { display: none !important; content: none !important; }

  /* ===== 5. /ldxp-shop（只改内嵌购买区 #entryShopFrame 以外） ===== */
  html body.ls-pg-page #entryTop .shop-hero { min-height: 0 !important; }
  html body.ls-pg-page #entryTop .shop-hero sl-icon, html body.ls-pg-page #entryTop .shop-side sl-icon, html body.ls-pg-page #entryTop .shop-warning sl-icon { display: none !important; }
  html body.ls-pg-page #entryTop .shop-next-card span span { font-size: 13px !important; color: #c4baa3 !important; -webkit-text-fill-color: #c4baa3 !important; }
  html body.ls-pg-page #entryTop .shop-warning, html body.ls-pg-page #entryTop .shop-warning span { color: #f4e8cd !important; -webkit-text-fill-color: #f4e8cd !important; }
  html body.ls-pg-page #entryTop .shop-warning { border-left: 3px solid #e07b5f !important; background: #1f1612 !important; background-image: none !important; }

  /* ===== 6. /ddt 下半页：图文教程三 Tab（内嵌购买区 #entryBuyChannel 不动） ===== */
  html body.dd-pg-page #entryPicTutorial .dd-pg-tabs { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; margin: 0 0 16px !important; padding: 4px !important; background: #121611 !important; border: 1px solid #3a3122 !important; border-radius: 12px !important; }
  html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab] { display: block !important; -webkit-box-flex: 1 !important; -webkit-flex: 1 1 0 !important; flex: 1 1 0 !important; box-sizing: border-box !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 9px !important; background: #121611 !important; box-shadow: none !important; text-align: center !important; line-height: 48px !important; font-size: 16px !important; white-space: nowrap !important; overflow: hidden !important; color: #d5cbb3 !important; -webkit-text-fill-color: #d5cbb3 !important; cursor: pointer !important; }
  html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab].is-on { background: #2a2a20 !important; box-shadow: inset 0 -2px 0 #dcae4b !important; font-weight: 700 !important; color: #dcae4b !important; -webkit-text-fill-color: #dcae4b !important; }
  html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab]:focus { outline: 2px solid #f2c661 !important; outline-offset: 2px !important; }
  html body.dd-pg-page #entryPicTutorial.dd-pg-tab-win [data-pane=mac], html body.dd-pg-page #entryPicTutorial.dd-pg-tab-win [data-pane=mobile],
  html body.dd-pg-page #entryPicTutorial.dd-pg-tab-mac [data-pane=win], html body.dd-pg-page #entryPicTutorial.dd-pg-tab-mac [data-pane=mobile],
  html body.dd-pg-page #entryPicTutorial.dd-pg-tab-mobile .dd-pg-pc { display: none !important; }
  @media (max-width: 600px) {
    html body.dd-pg-page #entryPicTutorial .dd-pg-tabs span[role=tab] { font-size: 14px !important; padding: 0 4px !important; }
  }
}