/* Consolidated from common-20260804-home-name-clean1.css. */
    :root {
      color-scheme: light;
      --page: #f5f5f7;
      --ink: #1d1d1f;
      --muted: #6e6e73;
      --soft: #fbfbfd;
      --white: #fff;
      --line: rgba(0, 0, 0, .08);
      --blue: #0071e3;
      --purple: #7b61ff;
      --pink: #ff5f8f;
      --green: #20c997;
    }


    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--ink);
      background: var(--page);
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    a { color: inherit; text-decoration: none; }

    .nav {
      position: sticky;
      top: 0;
      z-index: 10;
      height: 52px;
      background: rgba(245, 245, 247, .78);
      backdrop-filter: saturate(180%) blur(22px);
      border-bottom: 1px solid rgba(0, 0, 0, .06);
    }

    .nav-inner {
      width: min(1080px, calc(100% - 32px));
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      font-size: 13px;
      color: #333336;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      font-weight: 700;
    }

    .brand-mark {
      width: 27px;
      height: 27px;
      border-radius: 8px;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 11px;
      letter-spacing: -.02em;
      background: linear-gradient(135deg, #1d1d1f, #0071e3 54%, #7b61ff);
    }

    .links {
      display: flex;
      gap: clamp(12px, 3vw, 26px);
      color: #515154;
      white-space: nowrap;
    }

    .links a:hover { color: var(--blue); }

    .hero {
      width: min(1120px, calc(100% - 28px));
      margin: 0 auto;
      padding: 86px 0 34px;
      text-align: center;
    }

    .kicker {
      margin: 0 0 14px;
      color: #86868b;
      font-size: 19px;
      line-height: 1.4;
      font-weight: 600;
    }

    h1 {
      margin: 0 auto;
      max-width: 980px;
      font-size: clamp(48px, 8vw, 96px);
      line-height: .96;
      letter-spacing: -.065em;
      font-weight: 800;
    }

    .rainbow {
      display: inline-block;
      background: linear-gradient(95deg, #111 0%, #0071e3 35%, #7b61ff 62%, #ff5f8f 88%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .lead {
      margin: 24px auto 0;
      max-width: 820px;
      color: var(--muted);
      font-size: clamp(19px, 2.5vw, 26px);
      line-height: 1.45;
      letter-spacing: -.02em;
    }

    .actions {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 30px;
    }

    .button {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 22px;
      border-radius: 999px;
      font-size: 17px;
      font-weight: 500;
    }

    .button.primary { color: #fff; background: var(--blue); }
    .button.secondary { color: var(--blue); background: transparent; }
    .button.secondary:hover { text-decoration: underline; }

    .stage {
      width: min(1120px, calc(100% - 28px));
      margin: 28px auto 0;
      min-height: 560px;
      border-radius: 44px;
      overflow: hidden;
      background:
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.28), transparent 23%),
        radial-gradient(circle at 68% 45%, rgba(0,113,227,.26), transparent 26%),
        linear-gradient(145deg, #11131a 0%, #252b37 48%, #090b10 100%);
      position: relative;
      box-shadow: 0 34px 90px rgba(0, 0, 0, .18);
    }

    .stage::before {
      content: "";
      position: absolute;
      width: 590px;
      height: 590px;
      left: 50%;
      top: 49%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background:
        radial-gradient(circle at 34% 28%, #fbfdff 0%, #acdfff 18%, #2e77ff 42%, #6b43f2 65%, #151925 100%);
      box-shadow:
        inset -34px -46px 80px rgba(0, 0, 0, .36),
        inset 22px 20px 70px rgba(255, 255, 255, .22),
        0 70px 130px rgba(0, 0, 0, .44);
      opacity: .96;
    }

    .stage::after {
      content: "";
      position: absolute;
      inset: auto 8% 58px;
      height: 34px;
      border-radius: 50%;
      background: rgba(0, 0, 0, .35);
      filter: blur(20px);
    }

    .stage-copy {
      position: absolute;
      z-index: 1;
      left: 50%;
      bottom: 56px;
      transform: translateX(-50%);
      width: min(820px, calc(100% - 40px));
      color: #fff;
      text-align: center;
    }

    .stage-copy h2 {
      margin: 0 0 12px;
      font-size: clamp(34px, 5vw, 64px);
      line-height: 1;
      letter-spacing: -.055em;
    }

    .stage-copy p {
      margin: 0;
      color: rgba(255, 255, 255, .78);
      font-size: clamp(17px, 2vw, 22px);
      line-height: 1.5;
    }

    .section {
      width: min(1120px, calc(100% - 28px));
      margin: 0 auto;
      padding: 18px 0;
    }

    .section-title {
      padding: 76px 10px 28px;
      text-align: center;
    }

    .section-title p {
      margin: 0 0 8px;
      color: #86868b;
      font-size: 19px;
      font-weight: 600;
    }

    .section-title h2 {
      margin: 0 auto;
      max-width: 840px;
      font-size: clamp(38px, 5.6vw, 72px);
      line-height: 1.04;
      letter-spacing: -.055em;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .card {
      min-height: 330px;
      padding: 32px;
      border-radius: 32px;
      background: var(--soft);
      border: 1px solid rgba(0,0,0,.035);
      box-shadow: 0 1px 1px rgba(0,0,0,.02);
      overflow: hidden;
      position: relative;
    }

    .card.dark {
      color: #f5f5f7;
      background:
        radial-gradient(circle at 70% 18%, rgba(66,200,255,.26), transparent 32%),
        linear-gradient(145deg, #11131a, #262a35);
    }

    .card.blue {
      color: #fff;
      background:
        radial-gradient(circle at 78% 20%, rgba(255,255,255,.25), transparent 30%),
        linear-gradient(145deg, #0071e3, #6f5cff);
    }

    .card.green {
      color: #fff;
      background:
        radial-gradient(circle at 72% 18%, rgba(255,255,255,.24), transparent 30%),
        linear-gradient(145deg, #0f9f7b, #17c2a4);
    }

    .card.wide { grid-column: span 2; min-height: 388px; }

    .card.sound-library { min-height: 560px; }

    .card h3 {
      margin: 0;
      max-width: 640px;
      font-size: clamp(28px, 3.4vw, 46px);
      line-height: 1.05;
      letter-spacing: -.045em;
    }

    .card p {
      margin: 14px 0 0;
      max-width: 600px;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.55;
    }

    .card.dark p,
    .card.blue p,
    .card.green p { color: rgba(255,255,255,.78); }

    .sound-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 26px;
      max-width: 680px;
    }

    .metric {
      padding: 16px 18px;
      border-radius: 22px;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(12px);
    }

    .metric strong {
      display: block;
      font-size: 30px;
      line-height: 1;
      letter-spacing: -.04em;
    }

    .metric span {
      display: block;
      margin-top: 7px;
      color: rgba(255,255,255,.72);
      font-size: 14px;
    }

    .category-cloud {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 22px;
      max-width: 760px;
    }

    .category-cloud span {
      padding: 9px 12px;
      border-radius: 999px;
      color: #1d1d1f;
      background: rgba(255,255,255,.76);
      font-size: 14px;
      font-weight: 600;
    }

    .notice {
      margin-top: 18px;
      padding: 16px 18px;
      border-radius: 22px;
      color: #5f4300;
      background: #fff6d8;
      border: 1px solid rgba(210,159,0,.22);
      font-size: 15px;
      line-height: 1.55;
    }

    .listen-panel {
      margin-top: 22px;
      padding: clamp(24px, 4vw, 38px);
      border-radius: 36px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 18px 52px rgba(0,0,0,.06);
    }

    .listen-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 18px;
    }

    .listen-head h3 {
      margin: 0;
      font-size: clamp(28px, 3.6vw, 48px);
      line-height: 1.05;
      letter-spacing: -.045em;
    }

    .listen-head p {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.55;
      max-width: 660px;
    }

    .live-total {
      flex: 0 0 auto;
      padding: 13px 16px;
      border-radius: 999px;
      color: #0f5f2a;
      background: #e8f8ee;
      font-size: 14px;
      font-weight: 700;
      white-space: nowrap;
    }

    .sound-list {
      display: grid;
      gap: 12px;
      margin-top: 18px;
      max-height: 720px;
      overflow: auto;
      padding-right: 6px;
      scroll-padding: 14px;
    }

    .sound-groups {
      display: grid;
      gap: 18px;
      margin-top: 18px;
    }

    .sound-type-section {
      padding: 18px;
      border-radius: 30px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(0,0,0,.07);
      box-shadow: 0 16px 42px rgba(12,23,45,.06);
    }

    .sound-type-section.welcome {
      background: linear-gradient(135deg, rgba(255,253,248,.94), rgba(229,243,235,.82));
    }

    .sound-type-section.lock {
      background: linear-gradient(135deg, rgba(255,253,248,.94), rgba(231,237,247,.82));
    }

    .sound-type-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 14px;
      padding: 2px 2px 8px;
    }

    .sound-type-head h4 {
      margin: 0;
      color: #1d1d1f;
      font-size: clamp(26px, 3vw, 40px);
      line-height: 1.08;
      letter-spacing: -.045em;
    }

    .sound-type-head p {
      margin: 8px 0 0;
      color: #6e6e73;
      font-size: 15px;
      line-height: 1.55;
      font-weight: 700;
    }

    .sound-type-count {
      flex: 0 0 auto;
      padding: 10px 13px;
      border-radius: 999px;
      color: #1d1d1f;
      background: #fff;
      border: 1px solid rgba(0,0,0,.08);
      font-size: 13px;
      font-weight: 900;
      white-space: nowrap;
    }

    .sound-type-section .sound-list {
      max-height: 520px;
      margin-top: 12px;
    }

    .sound-toolbar {
      display: grid;
      grid-template-columns: minmax(220px, 1fr) minmax(130px, auto) minmax(160px, auto) auto;
      gap: 10px;
      align-items: center;
      margin-top: 18px;
      padding: 12px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.045);
    }

    .sound-toolbar input,
    .sound-toolbar select {
      width: 100%;
      min-height: 44px;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 16px;
      padding: 0 14px;
      color: #1d1d1f;
      background: #fff;
      font-size: 15px;
      outline: none;
    }

    .sound-toolbar input:focus,
    .sound-toolbar select:focus {
      border-color: rgba(0,113,227,.5);
      box-shadow: 0 0 0 4px rgba(0,113,227,.12);
    }

    .sound-result-count {
      justify-self: end;
      padding: 11px 13px;
      border-radius: 999px;
      color: #1d1d1f;
      background: #fff;
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
    }

    .sound-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      padding: 18px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.045);
    }

    .sound-row :is(h3,h4) {
      margin: 0;
      font-size: 20px;
      letter-spacing: -.02em;
      overflow-wrap: anywhere;
    }

    .sound-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 9px;
      color: #6e6e73;
      font-size: 13px;
    }

    .sound-meta span,
    .sound-counts span {
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(0,0,0,.055);
    }

    .sound-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
    }

    .listen-button,
    .download-button {
      border: 0;
      min-height: 44px;
      padding: 0 16px;
      border-radius: 999px;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
    }

    .listen-button {
      color: #fff;
      background: var(--blue);
    }

    .download-button {
      color: #6e6e73;
      background: #e8e8ed;
      cursor: pointer;
    }

    .download-button.enabled {
      color: #fff;
      background: #1d1d1f;
    }

    .sound-counts {
      display: flex;
      gap: 8px;
      color: #1d1d1f;
      font-size: 13px;
      font-weight: 700;
    }

    .player-status {
      min-height: 22px;
      margin-top: 14px;
      color: #6e6e73;
      font-size: 14px;
    }

    .audio-player {
      width: 100%;
      margin-top: 12px;
      display: none;
    }

    .account-panel {
      margin-top: 22px;
      padding: clamp(24px, 4vw, 38px);
      border-radius: 36px;
      background:
        radial-gradient(circle at 88% 12%, rgba(0,113,227,.12), transparent 28%),
        #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 18px 52px rgba(0,0,0,.06);
    }

    .account-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items: stretch;
      margin-top: 18px;
    }

    .account-box {
      padding: 22px;
      border-radius: 28px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.045);
    }

    .account-box h4 {
      margin: 0;
      font-size: 24px;
      letter-spacing: -.03em;
    }

    .account-box p {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
    }

    .account-form {
      display: grid;
      gap: 10px;
      margin-top: 16px;
    }

    .account-form input {
      width: 100%;
      min-height: 46px;
      border: 1px solid rgba(0,0,0,.1);
      border-radius: 16px;
      padding: 0 14px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      outline: none;
    }

    .account-form input:focus {
      border-color: rgba(0,113,227,.55);
      box-shadow: 0 0 0 4px rgba(0,113,227,.12);
    }

    .account-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
    }

    .account-button {
      border: 0;
      min-height: 44px;
      padding: 0 18px;
      border-radius: 999px;
      color: #fff;
      background: var(--blue);
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
    }

    .account-button.ghost {
      color: var(--blue);
      background: rgba(0,113,227,.1);
    }

    .account-status {
      min-height: 22px;
      margin-top: 12px;
      color: #6e6e73;
      font-size: 14px;
      line-height: 1.5;
    }

    .account-badge {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 12px;
      border-radius: 999px;
      color: #0f5f2a;
      background: #e8f8ee;
      font-size: 13px;
      font-weight: 700;
      margin-top: 12px;
    }

    .account-badge.warn {
      color: #7a4a00;
      background: #fff1cf;
    }

    .pill-row {
      position: absolute;
      left: 32px;
      right: 32px;
      bottom: 28px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .pill {
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(0,113,227,.1);
      color: var(--blue);
      font-size: 13px;
      font-weight: 600;
    }

    .dark .pill,
    .blue .pill,
    .green .pill {
      color: #fff;
      background: rgba(255,255,255,.15);
    }

    .article-list {
      display: grid;
      gap: 14px;
      margin-top: 22px;
    }

    .article {
      padding: 18px 0;
      border-top: 1px solid rgba(0,0,0,.08);
    }

    .article strong {
      display: block;
      font-size: 20px;
      letter-spacing: -.02em;
    }

    .article span {
      display: block;
      margin-top: 6px;
      color: #86868b;
      font-size: 15px;
    }

    .social-grid,
    .steps {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .social-card,
    .step {
      padding: 30px;
      border-radius: 30px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.04);
    }

    .social-card h3,
    .step h3 {
      margin: 0 0 10px;
      font-size: 24px;
      letter-spacing: -.03em;
    }

    .social-card p,
    .step p {
      margin: 0;
      color: var(--muted);
      line-height: 1.65;
      font-size: 17px;
    }

    .placeholder {
      margin-top: 24px;
      min-height: 94px;
      border-radius: 22px;
      display: grid;
      place-items: center;
      color: #86868b;
      background: #f5f5f7;
      border: 1px dashed rgba(0,0,0,.18);
      font-size: 14px;
      text-align: center;
      padding: 12px;
    }

    .qr-frame {
      margin-top: 24px;
      padding: 14px;
      border-radius: 26px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.06);
      box-shadow: 0 18px 42px rgba(0,0,0,.08);
      text-align: center;
    }

    .qr-frame img {
      display: block;
      width: 100%;
      max-width: 260px;
      height: auto;
      margin: 0 auto;
      border-radius: 18px;
    }

    .qr-frame.compact img { max-width: 210px; }

    .qr-caption {
      display: block;
      margin-top: 10px;
      color: #6e6e73;
      font-size: 14px;
      line-height: 1.45;
    }

    .step .qr-frame {
      padding: 10px;
      margin-top: 18px;
      border-radius: 20px;
      box-shadow: none;
    }

    .step .qr-frame img {
      max-width: 170px;
      border-radius: 14px;
    }

    .platform-link {
      margin-top: 24px;
      min-height: 94px;
      border-radius: 22px;
      display: grid;
      place-items: center;
      color: #fff;
      background: linear-gradient(145deg, #11131a, #0071e3);
      font-size: 16px;
      font-weight: 700;
      text-align: center;
      padding: 12px;
      transition: transform .18s ease, box-shadow .18s ease;
    }

    .platform-link:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 34px rgba(0,0,0,.16);
    }

    .platform-link.red {
      background: linear-gradient(145deg, #101010, #fe2c55);
    }

    .platform-link.pink {
      background: linear-gradient(145deg, #ff2442, #ff8a9b);
    }

    .platform-link.orange {
      background: linear-gradient(145deg, #ff7a00, #ffcc33);
      color: #1d1d1f;
    }

    .num {
      display: inline-grid;
      place-items: center;
      width: 42px;
      height: 42px;
      margin-bottom: 24px;
      border-radius: 50%;
      color: #fff;
      background: #1d1d1f;
      font-weight: 700;
    }

    .support {
      margin: 18px 0 76px;
      padding: clamp(34px, 6vw, 72px);
      border-radius: 40px;
      color: #fff;
      background:
        radial-gradient(circle at 16% 20%, rgba(66,200,255,.36), transparent 30%),
        linear-gradient(140deg, #111, #252933 55%, #090b10);
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 28px;
      align-items: center;
      overflow: hidden;
    }

    .support h2 {
      margin: 0;
      max-width: 700px;
      font-size: clamp(38px, 5vw, 70px);
      line-height: 1.02;
      letter-spacing: -.055em;
    }

    .support p {
      margin: 18px 0 0;
      max-width: 640px;
      color: rgba(255,255,255,.74);
      font-size: 19px;
      line-height: 1.55;
    }

    .qr-box {
      min-height: 300px;
      border-radius: 32px;
      background: rgba(255,255,255,.11);
      border: 1px solid rgba(255,255,255,.14);
      display: grid;
      place-items: center;
      text-align: center;
      color: rgba(255,255,255,.78);
      padding: 24px;
    }

    .qr-box strong {
      display: block;
      margin-bottom: 10px;
      color: #fff;
      font-size: 26px;
      letter-spacing: -.03em;
    }

    .qr-box img {
      display: block;
      width: min(100%, 280px);
      height: auto;
      margin: 18px auto 0;
      border-radius: 24px;
      box-shadow: 0 20px 48px rgba(0,0,0,.28);
    }

    .next-list {
      display: grid;
      gap: 10px;
      margin-top: 18px;
    }

    .next-item {
      padding: 16px 18px;
      border-radius: 20px;
      background: rgba(255,255,255,.11);
      border: 1px solid rgba(255,255,255,.12);
      color: rgba(255,255,255,.86);
      font-size: 15px;
    }

    footer {
      width: min(1120px, calc(100% - 28px));
      margin: 0 auto;
      padding: 0 0 44px;
      color: #86868b;
      font-size: 13px;
      text-align: center;
    }

    footer a {
      color: inherit;
    }

    .footer-beian-link {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
    }

    .footer-beian-icon {
      display: inline-block;
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }

    @media (max-width: 920px) {
      .links { display: none; }
      .hero { padding-top: 56px; }
      .stage { min-height: 500px; border-radius: 30px; }
      .stage::before { width: 420px; height: 420px; }
      .grid, .social-grid, .steps, .support { grid-template-columns: 1fr; }
      .card.wide { grid-column: auto; }
      .card { min-height: 290px; padding: 26px; }
      .pill-row { position: static; margin-top: 24px; }
      .sound-metrics { grid-template-columns: 1fr; }
      .listen-head { align-items: flex-start; flex-direction: column; }
      .sound-toolbar { grid-template-columns: 1fr; }
      .sound-result-count { justify-self: stretch; text-align: center; }
      .sound-type-section { padding: 14px; border-radius: 24px; }
      .sound-type-head { align-items: flex-start; flex-direction: column; }
      .sound-row { grid-template-columns: 1fr; }
      .sound-actions { justify-content: flex-start; }
      .account-grid { grid-template-columns: 1fr; }
    }

    .articles-hub .section-title {
      max-width: 880px;
    }

    .articles-toolbar {
      display: grid;
      grid-template-columns: 180px minmax(220px, 1fr);
      gap: 16px;
      align-items: stretch;
      margin-bottom: 22px;
    }

    .articles-count,
    .article-search,
    .article-filters {
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.06);
      border-radius: 24px;
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    }

    .articles-count {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 18px;
    }

    .articles-count strong {
      font-size: clamp(32px, 4vw, 52px);
      line-height: .9;
      color: #fff;
    }

    .articles-count span {
      margin-top: 8px;
      color: #a7b2c7;
      font-size: 13px;
      font-weight: 800;
    }

    .article-search {
      display: grid;
      gap: 8px;
      padding: 14px 16px;
    }

    .article-search span {
      color: #a7b2c7;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .article-search input {
      width: 100%;
      border: 0;
      outline: none;
      color: #fff;
      background: transparent;
      font: inherit;
      font-size: 16px;
    }

    .article-search input::placeholder {
      color: rgba(224, 231, 255, .45);
    }

    .article-filters {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 12px;
    }

    .article-filter {
      border: 1px solid rgba(255, 255, 255, 0.16);
      color: #dbe8ff;
      background: rgba(255, 255, 255, 0.07);
      border-radius: 999px;
      padding: 9px 13px;
      font-weight: 900;
      cursor: pointer;
    }

    .article-filter.active {
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #34d399);
      border-color: transparent;
    }

    .articles-layout {
      display: grid;
      grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
      gap: 18px;
      align-items: start;
    }

    .article-follow-card {
      position: sticky;
      top: 92px;
    }

    .article-card-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .article-card {
      min-height: 178px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 18px;
      border-radius: 26px;
      text-decoration: none;
      color: #fff;
      background:
        linear-gradient(145deg, rgba(18, 32, 58, .92), rgba(10, 15, 28, .94)),
        radial-gradient(circle at top left, rgba(96, 165, 250, .28), transparent 46%);
      border: 1px solid rgba(255, 255, 255, .1);
      box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .article-card:hover {
      transform: translateY(-3px);
      border-color: rgba(125, 211, 252, .5);
      box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
    }

    .article-card-top {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      color: #a7b2c7;
      font-size: 12px;
      font-weight: 900;
    }

    .article-card-top em {
      color: #7dd3fc;
      font-style: normal;
    }

    .article-card strong {
      font-size: clamp(17px, 2vw, 22px);
      line-height: 1.35;
      letter-spacing: -.02em;
    }

    .article-card-summary {
      color: #b8c4d9;
      line-height: 1.7;
      font-size: 14px;
    }

    .article-card-link {
      margin-top: auto;
      color: #86efac;
      font-weight: 900;
    }

    @media (max-width: 860px) {
      .articles-toolbar,
      .articles-layout,
      .article-card-list {
        grid-template-columns: 1fr;
      }

      .article-follow-card {
        position: static;
      }
    }



    .nav-page {
      color: #86868b;
      font-weight: 700;
    }

    .account-entry {
      position: relative;
      margin-left: auto;
      display: flex;
      align-items: center;
    }

    .account-trigger {
      border: 0;
      min-height: 34px;
      padding: 0 14px;
      border-radius: 999px;
      color: #fff;
      background: #1d1d1f;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
      white-space: nowrap;
    }

    .account-trigger.signed-in {
      color: #06341f;
      background: #dff9ec;
    }

    .account-popover {
      position: absolute;
      right: 0;
      top: calc(100% + 12px);
      width: min(360px, calc(100vw - 28px));
      padding: 18px;
      border-radius: 26px;
      background: rgba(255,255,255,.96);
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 24px 70px rgba(0,0,0,.18);
      backdrop-filter: saturate(180%) blur(22px);
      display: none;
      z-index: 30;
    }

    .account-popover.open {
      display: block;
    }

    .account-popover h3 {
      margin: 0;
      font-size: 24px;
      letter-spacing: -.035em;
    }

    .account-popover p {
      margin: 8px 0 0;
      color: #6e6e73;
      font-size: 14px;
      line-height: 1.55;
    }

    .account-tabs {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
      margin-top: 14px;
    }

    .account-tab {
      border: 0;
      min-height: 38px;
      border-radius: 999px;
      color: #1d1d1f;
      background: rgba(0,0,0,.06);
      font-weight: 800;
      cursor: pointer;
    }

    .account-tab.active {
      color: #fff;
      background: #0071e3;
    }

    .top-account-form {
      display: grid;
      gap: 10px;
      margin-top: 14px;
    }

    .top-account-form[hidden] {
      display: none;
    }

    .account-tabs[hidden],
    .top-account-actions[hidden],
    .top-account-form[hidden] {
      display: none !important;
    }

    .top-account-form input {
      width: 100%;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 16px;
      padding: 12px 13px;
      color: #1d1d1f;
      background: #f5f5f7;
      font: inherit;
      outline: none;
    }

    .top-account-form input:focus {
      border-color: rgba(0,113,227,.5);
      box-shadow: 0 0 0 4px rgba(0,113,227,.12);
    }

    .top-account-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .top-account-button {
      border: 0;
      min-height: 40px;
      padding: 0 14px;
      border-radius: 999px;
      color: #fff;
      background: #1d1d1f;
      font-weight: 800;
      cursor: pointer;
    }

    .top-account-button.blue { background: #0071e3; }
    .top-account-button.ghost { color: #1d1d1f; background: rgba(0,0,0,.07); }
    .top-account-button.account-center-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

    .top-account-status {
      min-height: 20px;
      margin-top: 12px;
      color: #6e6e73;
      font-size: 13px;
      line-height: 1.45;
    }

    .page-hero {
      width: min(1120px, calc(100% - 28px));
      margin: 0 auto;
      padding: 76px 0 28px;
      text-align: center;
    }

    .page-hero h1 {
      font-size: clamp(44px, 7vw, 82px);
    }

    .page-hero .lead {
      max-width: 820px;
    }

    .portal-grid {
      width: min(1120px, calc(100% - 28px));
      margin: 18px auto 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .portal-card {
      min-height: 240px;
      padding: clamp(24px, 4vw, 42px);
      border-radius: 34px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 18px 52px rgba(0,0,0,.06);
      position: relative;
      overflow: hidden;
    }

    .portal-card.dark {
      color: #fff;
      background:
        radial-gradient(circle at 80% 10%, rgba(0,113,227,.58), transparent 34%),
        linear-gradient(135deg, #101013, #1d1d1f 56%, #273046);
    }

    .portal-card.blue {
      color: #fff;
      background: linear-gradient(135deg, #0071e3, #7b61ff);
    }

    .portal-card.green {
      color: #06281c;
      background: linear-gradient(135deg, #dff9ec, #f7fff9);
    }

    .portal-card.wide {
      grid-column: span 2;
    }

    .portal-card h3 {
      margin: 0;
      font-size: clamp(28px, 4vw, 46px);
      line-height: 1.05;
      letter-spacing: -.045em;
    }

    .portal-card p {
      margin: 12px 0 24px;
      max-width: 560px;
      color: inherit;
      opacity: .74;
      font-size: 17px;
      line-height: 1.55;
    }

    .portal-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 16px;
      border-radius: 999px;
      color: #fff;
      background: #0071e3;
      font-weight: 800;
      font-size: 15px;
    }

    .portal-card:not(.dark):not(.blue) .portal-link {
      color: #fff;
      background: #1d1d1f;
    }

    .portal-card.blue .portal-link,
    .portal-card.dark .portal-link {
      color: #1d1d1f;
      background: rgba(255,255,255,.92);
    }

    .visitor-hero {
      padding-top: 86px;
    }

    .visitor-hero .lead {
      max-width: 1160px;
    }

    .visitor-strip {
      width: min(1120px, calc(100% - 28px));
      margin: 8px auto 0;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .visitor-strip div {
      min-height: 112px;
      padding: 18px;
      border-radius: 26px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 12px 34px rgba(0,0,0,.045);
    }

    .visitor-strip strong {
      display: block;
      font-size: clamp(28px, 4vw, 44px);
      line-height: 1;
      letter-spacing: -.045em;
    }

    .visitor-strip span {
      display: block;
      margin-top: 8px;
      color: #6e6e73;
      line-height: 1.45;
      font-size: 14px;
      font-weight: 700;
    }

    .visitor-path {
      width: min(1120px, calc(100% - 28px));
      margin: 18px auto 0;
      padding: clamp(24px, 4vw, 42px);
      border-radius: 36px;
      color: #f5f5f7;
      background:
        radial-gradient(circle at 82% 16%, rgba(0,113,227,.52), transparent 28%),
        radial-gradient(circle at 14% 76%, rgba(123,97,255,.32), transparent 34%),
        linear-gradient(135deg, #11131a, #242936);
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
      gap: 24px;
      align-items: center;
    }

    .visitor-path h2 {
      margin: 0;
      font-size: clamp(32px, 5vw, 62px);
      line-height: 1.02;
      letter-spacing: -.05em;
    }

    .visitor-path p {
      color: rgba(255,255,255,.72);
      font-size: 18px;
      line-height: 1.65;
    }

    .visitor-path ol {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 12px;
    }

    .visitor-path li {
      padding: 16px 18px;
      border-radius: 22px;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.12);
      line-height: 1.55;
      font-weight: 700;
    }

    .primary-cta {
      color: #fff;
      background: #0071e3;
    }

    .home-note {
      width: min(1120px, calc(100% - 28px));
      margin: 18px auto 0;
      padding: 20px 22px;
      border-radius: 28px;
      color: #5f4300;
      background: #fff6d8;
      border: 1px solid rgba(210,159,0,.22);
      line-height: 1.65;
    }

    .home-shell {
      padding: 72px 0 40px;
      background:
        radial-gradient(circle at 70% 0%, rgba(0,113,227,.18), transparent 32%),
        radial-gradient(circle at 12% 8%, rgba(123,97,255,.12), transparent 28%),
        linear-gradient(180deg, #fbfbfd 0%, #f5f5f7 48%, #fff 100%);
    }

    .home-showcase {
      width: min(1180px, calc(100% - 28px));
      min-height: clamp(620px, 82vh, 820px);
      margin: 0 auto;
      padding: clamp(28px, 5vw, 64px);
      border-radius: clamp(34px, 6vw, 64px);
      position: relative;
      overflow: hidden;
      color: #f5f5f7;
      background:
        radial-gradient(circle at 78% 22%, rgba(55,148,255,.42), transparent 30%),
        radial-gradient(circle at 22% 82%, rgba(123,97,255,.24), transparent 34%),
        linear-gradient(145deg, #05070c 0%, #111827 46%, #1d1d1f 100%);
      box-shadow: 0 36px 90px rgba(0,0,0,.18);
    }

    .home-showcase::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.08) 45%, transparent 58%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 82px);
      opacity: .62;
      pointer-events: none;
    }

    .home-showcase::after {
      content: "";
      position: absolute;
      left: 12%;
      right: 12%;
      bottom: -140px;
      height: 300px;
      border-radius: 999px;
      background: rgba(0,113,227,.26);
      filter: blur(48px);
      pointer-events: none;
    }

    .home-showcase-grid {
      position: relative;
      z-index: 1;
      min-height: inherit;
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(330px, .98fr);
      gap: clamp(28px, 5vw, 72px);
      align-items: center;
    }

    .home-eyebrow {
      margin: 0 0 18px;
      display: inline-flex;
      padding: 8px 12px;
      border-radius: 999px;
      color: rgba(245,245,247,.86);
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.14);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .08em;
    }

    .home-title {
      max-width: 720px;
      margin: 0;
      font-size: clamp(52px, 8vw, 104px);
      line-height: .96;
      letter-spacing: -.07em;
    }

    .home-title span {
      display: block;
      color: transparent;
      background: linear-gradient(90deg, #fff, #9bd0ff 48%, #d7ccff);
      -webkit-background-clip: text;
      background-clip: text;
    }

    .home-lead {
      max-width: 620px;
      margin: 24px 0 0;
      color: rgba(245,245,247,.72);
      font-size: clamp(18px, 2.2vw, 23px);
      line-height: 1.55;
      font-weight: 650;
    }

    .home-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 32px;
    }

    .home-action {
      display: inline-flex;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      border-radius: 999px;
      color: #1d1d1f;
      background: rgba(255,255,255,.94);
      font-weight: 900;
      box-shadow: 0 16px 36px rgba(0,0,0,.16);
    }

    .home-action.primary {
      color: #fff;
      background: #0071e3;
    }

    .home-mini-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      max-width: 620px;
      margin-top: 34px;
    }

    .home-mini-stats div {
      min-height: 92px;
      padding: 14px;
      border-radius: 22px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(18px);
    }

    .home-mini-stats strong {
      display: block;
      font-size: clamp(24px, 3vw, 38px);
      line-height: 1;
      letter-spacing: -.04em;
    }

    .home-mini-stats span {
      display: block;
      margin-top: 8px;
      color: rgba(245,245,247,.66);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 750;
    }

    .home-visual {
      display: grid;
      gap: 16px;
    }

    .a07-card {
      min-height: 420px;
      padding: clamp(22px, 4vw, 36px);
      border-radius: 42px;
      background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.08));
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 30px 80px rgba(0,0,0,.22);
      backdrop-filter: blur(22px);
      position: relative;
      overflow: hidden;
    }

    .a07-card::before {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      right: -80px;
      top: -80px;
      border-radius: 50%;
      background: rgba(0,113,227,.38);
      filter: blur(12px);
    }

    .a07-card-top {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: flex-start;
      color: rgba(245,245,247,.82);
      font-weight: 850;
    }

    .a07-model {
      position: relative;
      z-index: 1;
      margin-top: 58px;
    }

    .a07-model strong {
      display: block;
      font-size: clamp(72px, 12vw, 148px);
      line-height: .82;
      letter-spacing: -.09em;
    }

    .a07-model span {
      display: block;
      margin-top: 14px;
      color: rgba(245,245,247,.62);
      font-weight: 850;
      letter-spacing: .08em;
    }

    .car-line {
      position: relative;
      z-index: 1;
      height: 142px;
      margin-top: 44px;
    }

    .car-line::before {
      content: "";
      position: absolute;
      left: 4%;
      right: 4%;
      top: 48px;
      height: 52px;
      border-radius: 999px 999px 26px 26px;
      background:
        linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.84) 44%, rgba(155,208,255,.36)),
        linear-gradient(#fff, #fff);
      box-shadow: 0 0 38px rgba(155,208,255,.42);
      transform: skewX(-10deg);
    }

    .car-line::after {
      content: "";
      position: absolute;
      left: 20%;
      right: 22%;
      top: 10px;
      height: 74px;
      border-radius: 90px 140px 24px 24px;
      border-top: 4px solid rgba(255,255,255,.9);
      border-left: 2px solid rgba(255,255,255,.25);
      transform: skewX(-18deg);
    }

    .car-wheel {
      position: absolute;
      z-index: 2;
      bottom: 16px;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: #05070c;
      border: 8px solid rgba(255,255,255,.78);
      box-shadow: 0 0 0 8px rgba(255,255,255,.08);
    }

    .car-wheel.left { left: 17%; }
    .car-wheel.right { right: 18%; }

    .home-floating-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .home-float-card {
      padding: 18px;
      border-radius: 28px;
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(0,0,0,.06);
      color: #1d1d1f;
      box-shadow: 0 18px 50px rgba(0,0,0,.12);
    }

    .home-float-card strong {
      display: block;
      font-size: 22px;
      letter-spacing: -.04em;
    }

    .home-float-card span {
      display: block;
      margin-top: 6px;
      color: #6e6e73;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 750;
    }

    .home-section-head {
      width: min(1120px, calc(100% - 28px));
      margin: 60px auto 20px;
      text-align: center;
    }

    .home-section-head h2 {
      margin: 0;
      font-size: clamp(38px, 6vw, 72px);
      line-height: 1.02;
      letter-spacing: -.06em;
    }

    .home-section-head p {
      max-width: 720px;
      margin: 16px auto 0;
      color: #6e6e73;
      font-size: 18px;
      line-height: 1.65;
      font-weight: 700;
    }

    .home-bento {
      width: min(1120px, calc(100% - 28px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .home-tile {
      min-height: 280px;
      padding: clamp(22px, 4vw, 34px);
      border-radius: 34px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 18px 52px rgba(0,0,0,.06);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      position: relative;
    }

    .home-tile.large {
      grid-column: span 2;
      color: #fff;
      background:
        radial-gradient(circle at 82% 18%, rgba(0,113,227,.55), transparent 34%),
        linear-gradient(135deg, #101014, #1d1d1f);
    }

    .home-tile.blue {
      color: #fff;
      background: linear-gradient(135deg, #0071e3, #7b61ff);
    }

    .home-tile.soft {
      background: linear-gradient(135deg, #f5f5f7, #fff);
    }

    .home-tile.green {
      color: #06281c;
      background: linear-gradient(135deg, #dff9ec, #f7fff9);
    }

    .home-tile h3 {
      margin: 0;
      max-width: 620px;
      font-size: clamp(28px, 4vw, 48px);
      line-height: 1.04;
      letter-spacing: -.05em;
    }

    .home-tile p {
      max-width: 560px;
      margin: 14px 0 22px;
      color: inherit;
      opacity: .72;
      font-size: 17px;
      line-height: 1.58;
      font-weight: 700;
    }

    .home-tile a {
      align-self: flex-start;
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      padding: 0 16px;
      border-radius: 999px;
      color: #fff;
      background: #1d1d1f;
      font-weight: 900;
    }

    .home-tile.large a,
    .home-tile.blue a {
      color: #1d1d1f;
      background: rgba(255,255,255,.92);
    }

    .home-steps {
      width: min(1120px, calc(100% - 28px));
      margin: 18px auto 0;
      padding: clamp(24px, 4vw, 42px);
      border-radius: 38px;
      background: #11131a;
      color: #f5f5f7;
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      gap: 22px;
      align-items: center;
    }

    .home-steps h2 {
      margin: 0;
      font-size: clamp(34px, 5vw, 64px);
      line-height: 1.04;
      letter-spacing: -.055em;
    }

    .home-steps p {
      color: rgba(245,245,247,.7);
      line-height: 1.65;
      font-size: 17px;
      font-weight: 700;
    }

    .home-steps ol {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 12px;
    }

    .home-steps li {
      padding: 16px 18px;
      border-radius: 22px;
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.12);
      line-height: 1.55;
      font-weight: 800;
    }

    .home-steps li span {
      color: #9bd0ff;
    }

    .owner-home {
      background:
        linear-gradient(180deg, #080c14 0%, #101725 38%, #f4f7fb 38%, #ffffff 100%);
      min-height: 100vh;
    }

    .owner-hero {
      min-height: calc(100vh - 52px);
      padding: clamp(10px, 2vw, 22px);
      display: flex;
      align-items: stretch;
      color: #fff;
    }

    .owner-hero-card {
      width: min(1500px, 100%);
      aspect-ratio: 16 / 9;
      min-height: min(820px, calc(100vh - 96px));
      margin: 0 auto;
      border-radius: clamp(28px, 5vw, 58px);
      overflow: hidden;
      position: relative;
      display: grid;
      align-items: end;
      background: linear-gradient(135deg, #07101d, #111827);
      box-shadow: 0 36px 100px rgba(0,0,0,.28);
    }

    .owner-hero-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      display: block;
      background: #07101d;
    }

    .owner-hero-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(4,8,16,.92) 0%, rgba(4,8,16,.72) 34%, rgba(4,8,16,.16) 64%, rgba(4,8,16,.04) 100%),
        linear-gradient(0deg, rgba(4,8,16,.68), rgba(4,8,16,.02) 50%);
      pointer-events: none;
      z-index: 1;
    }

    .owner-hero-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 26%, rgba(0,113,227,.28), transparent 32%),
        radial-gradient(circle at 78% 76%, rgba(255,255,255,.1), transparent 26%);
      pointer-events: none;
      z-index: 2;
    }

    .owner-copy {
      position: relative;
      z-index: 3;
      max-width: 720px;
      padding: clamp(28px, 6vw, 72px);
    }

    .owner-kicker {
      margin: 0 0 16px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 13px;
      border-radius: 999px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.82);
      font-size: 14px;
      font-weight: 900;
      letter-spacing: .04em;
      backdrop-filter: blur(18px);
    }

    .owner-copy h1 {
      max-width: 720px;
      margin: 0;
      color: #fff;
      font-size: clamp(52px, 7.5vw, 104px);
      line-height: .96;
      letter-spacing: -.07em;
      text-shadow: 0 18px 46px rgba(0,0,0,.35);
    }

    .owner-copy h1 span {
      display: block;
      color: #9bd0ff;
    }

    .owner-lead {
      max-width: 610px;
      margin: 22px 0 0;
      color: rgba(255,255,255,.76);
      font-size: clamp(18px, 2vw, 23px);
      line-height: 1.62;
      font-weight: 720;
    }

    .owner-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 32px;
    }

    .owner-action {
      display: inline-flex;
      min-height: 50px;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      border-radius: 999px;
      color: #101725;
      background: rgba(255,255,255,.95);
      font-weight: 900;
      box-shadow: 0 18px 46px rgba(0,0,0,.22);
    }

    .owner-action.primary {
      color: #fff;
      background: #0071e3;
    }

    .owner-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 34px;
    }

    .owner-tags span {
      padding: 9px 12px;
      border-radius: 999px;
      color: rgba(255,255,255,.82);
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.14);
      font-size: 13px;
      font-weight: 850;
      backdrop-filter: blur(14px);
    }

    .owner-live-stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      max-width: 760px;
      margin-top: 20px;
    }

    .owner-live-card {
      min-height: 92px;
      padding: 14px;
      border-radius: 22px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(18px);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    .owner-live-card strong {
      display: block;
      color: #fff;
      font-size: clamp(24px, 2.6vw, 34px);
      line-height: 1;
      letter-spacing: -.05em;
      white-space: nowrap;
    }

    .owner-live-card span {
      display: block;
      margin-top: 9px;
      color: rgba(255,255,255,.68);
      font-size: 13px;
      line-height: 1.35;
      font-weight: 850;
    }

    .owner-live-card small {
      color: rgba(155,208,255,.9);
      font-size: 15px;
      font-weight: 900;
      letter-spacing: -.03em;
    }

    .owner-section {
      width: min(1120px, calc(100% - 28px));
      margin: 0 auto;
      padding: 70px 0 0;
    }

    .owner-section-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .62fr);
      gap: 28px;
      align-items: end;
      margin-bottom: 22px;
    }

    .owner-section-head p {
      margin: 0;
      color: #0071e3;
      font-size: 14px;
      font-weight: 950;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .owner-section-head h2 {
      margin: 10px 0 0;
      font-size: clamp(38px, 6vw, 72px);
      line-height: 1.02;
      letter-spacing: -.065em;
    }

    .owner-section-head .owner-note {
      color: #6e6e73;
      font-size: 18px;
      line-height: 1.65;
      font-weight: 720;
    }

    .owner-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .owner-card {
      min-height: 310px;
      padding: clamp(22px, 3vw, 34px);
      border-radius: 34px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.055);
      box-shadow: 0 20px 58px rgba(12,23,45,.08);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      position: relative;
    }

    .owner-card::before {
      content: "";
      position: absolute;
      width: 150px;
      height: 150px;
      right: -54px;
      top: -54px;
      border-radius: 50%;
      background: rgba(0,113,227,.1);
    }

    .owner-card.feature {
      grid-column: span 2;
      color: #fff;
      background:
        radial-gradient(circle at 82% 18%, rgba(0,113,227,.48), transparent 32%),
        linear-gradient(135deg, #101725, #1e2d46);
    }

    .owner-card.green {
      color: #082c1e;
      background: linear-gradient(135deg, #dff9ec, #ffffff);
    }

    .owner-card.blue {
      color: #fff;
      background: linear-gradient(135deg, #0071e3, #6f5bff);
    }

    .owner-card h3,
    .owner-card p,
    .owner-card a {
      position: relative;
      z-index: 1;
    }

    .owner-card h3 {
      margin: 0;
      font-size: clamp(26px, 3.4vw, 46px);
      line-height: 1.05;
      letter-spacing: -.055em;
    }

    .owner-card p {
      margin: 14px 0 24px;
      color: inherit;
      opacity: .72;
      font-size: 17px;
      line-height: 1.58;
      font-weight: 720;
    }

    .owner-card a {
      align-self: flex-start;
      display: inline-flex;
      min-height: 42px;
      align-items: center;
      padding: 0 16px;
      border-radius: 999px;
      color: #fff;
      background: #11131a;
      font-weight: 900;
    }

    .owner-card.feature a,
    .owner-card.blue a {
      color: #11131a;
      background: rgba(255,255,255,.92);
    }

    .owner-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .owner-stat {
      padding: 22px;
      border-radius: 30px;
      background: #f5f7fb;
      border: 1px solid rgba(0,0,0,.045);
    }

    .owner-stat strong {
      display: block;
      font-size: clamp(34px, 5vw, 58px);
      line-height: .95;
      letter-spacing: -.06em;
    }

    .owner-stat span {
      display: block;
      margin-top: 10px;
      color: #6e6e73;
      line-height: 1.5;
      font-weight: 780;
    }

    .owner-flow {
      margin-top: 16px;
      padding: clamp(24px, 4vw, 42px);
      border-radius: 38px;
      color: #f5f5f7;
      background:
        radial-gradient(circle at 78% 14%, rgba(0,113,227,.38), transparent 32%),
        linear-gradient(135deg, #0a0f18, #182238);
      display: grid;
      grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
      gap: 28px;
      align-items: center;
    }

    .owner-flow h2 {
      margin: 0;
      font-size: clamp(34px, 5vw, 64px);
      line-height: 1.04;
      letter-spacing: -.06em;
    }

    .owner-flow p {
      color: rgba(255,255,255,.68);
      font-size: 17px;
      line-height: 1.65;
      font-weight: 720;
    }

    .owner-flow ol {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 12px;
    }

    .owner-flow li {
      padding: 17px 18px;
      border-radius: 22px;
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.12);
      line-height: 1.55;
      font-weight: 850;
    }

    .owner-flow li span {
      color: #9bd0ff;
      margin-right: 8px;
    }

    .subpage-actions {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 28px;
    }

    .secondary-link {
      display: inline-flex;
      min-height: 42px;
      align-items: center;
      padding: 0 16px;
      border-radius: 999px;
      color: #1d1d1f;
      background: rgba(0,0,0,.06);
      font-weight: 800;
    }

    .club-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 360px;
      gap: 18px;
      align-items: start;
    }

    .club-panel {
      padding: clamp(22px, 4vw, 36px);
      border-radius: 34px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 18px 52px rgba(0,0,0,.06);
    }

    .club-panel.dark {
      color: #fff;
      background:
        radial-gradient(circle at 78% 12%, rgba(0,113,227,.42), transparent 30%),
        linear-gradient(135deg, #11131a, #252a36);
    }

    .club-panel h3 {
      margin: 0 0 10px;
      font-size: clamp(26px, 3vw, 40px);
      letter-spacing: -.04em;
    }

    .club-panel p {
      color: var(--muted);
      line-height: 1.65;
    }

    .club-panel.dark p { color: rgba(255,255,255,.72); }

    .club-card-list {
      display: grid;
      gap: 12px;
      margin-top: 16px;
    }

    .club-card {
      padding: 18px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.045);
    }

    .club-card.established {
      color: #052619;
      background: linear-gradient(135deg, #dff9ec, #f7fff9);
    }

    .club-card h4 {
      margin: 0;
      font-size: 24px;
      line-height: 1.12;
      letter-spacing: -.035em;
    }

    .club-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .club-meta span {
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(0,0,0,.06);
      color: #515154;
      font-size: 13px;
      font-weight: 800;
    }

    .club-card.established .club-meta span {
      color: #075d39;
      background: rgba(15,159,123,.12);
    }

    .club-progress {
      height: 10px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(0,0,0,.08);
      margin-top: 14px;
    }

    .club-progress i {
      display: block;
      height: 100%;
      width: var(--progress, 0%);
      border-radius: inherit;
      background: linear-gradient(90deg, #0071e3, #7b61ff);
    }

    .club-form {
      display: grid;
      gap: 12px;
      margin-top: 16px;
    }

    .club-form input,
    .club-form select {
      width: 100%;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 18px;
      padding: 13px 14px;
      color: #1d1d1f;
      background: #f5f5f7;
      font: inherit;
      outline: none;
    }

    .club-form input:focus,
    .club-form select:focus {
      border-color: rgba(0,113,227,.5);
      box-shadow: 0 0 0 4px rgba(0,113,227,.12);
    }

    .club-button {
      border: 0;
      min-height: 44px;
      padding: 0 16px;
      border-radius: 999px;
      color: #fff;
      background: #1d1d1f;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
    }

    .club-button.blue { background: #0071e3; }
    .club-button.warn { background: #b54708; }
    .club-button.ghost { color: #1d1d1f; background: rgba(0,0,0,.07); }
    .club-button:disabled { cursor: not-allowed; opacity: .55; }

    .club-message {
      min-height: 22px;
      margin-top: 12px;
      color: #6e6e73;
      font-size: 14px;
      line-height: 1.5;
    }

    .club-admin-list {
      display: grid;
      gap: 10px;
      margin-top: 14px;
      max-height: 500px;
      overflow: auto;
      padding-right: 4px;
    }

    .admin-shell {
      width: min(1180px, calc(100% - 28px));
      margin: 0 auto;
      display: grid;
      gap: 18px;
    }

    .admin-login {
      display: grid;
      grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
      gap: 12px;
      align-items: center;
    }

    .admin-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      align-items: start;
    }

    .admin-kpis {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .admin-kpi {
      padding: 18px;
      border-radius: 24px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 12px 34px rgba(0,0,0,.045);
    }

    .admin-kpi strong {
      display: block;
      font-size: clamp(28px, 4vw, 44px);
      line-height: 1;
      letter-spacing: -.045em;
    }

    .admin-kpi span {
      display: block;
      margin-top: 8px;
      color: #6e6e73;
      line-height: 1.45;
      font-size: 14px;
      font-weight: 800;
    }

    .admin-list {
      display: grid;
      gap: 10px;
      margin-top: 14px;
      max-height: 620px;
      overflow: auto;
      padding-right: 4px;
    }

    .admin-help {
      color: #6e6e73;
      line-height: 1.6;
      font-size: 14px;
    }

    .admin-tabs {
      position: sticky;
      top: 62px;
      z-index: 4;
      display: flex;
      gap: 8px;
      overflow-x: auto;
      padding: 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(0,0,0,.06);
      box-shadow: 0 16px 46px rgba(0,0,0,.08);
      backdrop-filter: blur(18px);
    }

    .admin-tab {
      border: 0;
      min-height: 42px;
      padding: 0 18px;
      border-radius: 999px;
      color: #515154;
      background: transparent;
      font: inherit;
      font-size: 14px;
      font-weight: 900;
      white-space: nowrap;
      cursor: pointer;
    }

    .admin-tab.active {
      color: #fff;
      background: linear-gradient(135deg, #0071e3, #7b61ff);
      box-shadow: 0 12px 28px rgba(0,113,227,.22);
    }

    .admin-panel {
      display: grid;
      gap: 18px;
    }

    .admin-panel[hidden],
    .admin-login[hidden],
    .forum-actions[hidden],
    .admin-session-actions[hidden] {
      display: none !important;
    }

    .admin-auth-card {
      position: relative;
      overflow: hidden;
    }

    .admin-auth-card::after {
      content: "";
      position: absolute;
      inset: auto -80px -130px auto;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(0,113,227,.12), transparent 68%);
      pointer-events: none;
    }

    .admin-settings-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-full-row,
    .admin-check-row {
      grid-column: 1 / -1;
    }

    .admin-check-row {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      align-items: center;
      padding: 14px 16px;
      border-radius: 20px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.08);
      color: #1d1d1f;
      font-weight: 900;
    }

    .admin-check-row small {
      display: block;
      margin-top: 4px;
      color: #6e6e73;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 700;
    }

    .admin-check-row input {
      width: 22px;
      min-width: 22px;
      height: 22px;
      min-height: 22px;
      padding: 0;
      accent-color: #0071e3;
    }

    .admin-side-stack {
      display: grid;
      gap: 18px;
    }

    .admin-kpis-compact {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-form-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .article-admin-list {
      max-height: 760px;
    }

    .article-row {
      padding: 18px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.055);
    }

    .article-row h3 {
      margin: 0;
      font-size: 20px;
      line-height: 1.35;
      letter-spacing: -.02em;
      overflow-wrap: anywhere;
    }

    .article-row p {
      margin: 10px 0 0;
      color: #424245;
      line-height: 1.65;
    }

    .article-row-meta,
    .article-row-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-top: 12px;
    }

    .article-row-meta span {
      padding: 7px 10px;
      border-radius: 999px;
      color: #515154;
      background: rgba(0,0,0,.055);
      font-size: 13px;
      font-weight: 800;
    }

    .article-row-actions a {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      padding: 0 16px;
      border-radius: 999px;
      color: #0071e3;
      background: rgba(0,113,227,.1);
      font-size: 15px;
      font-weight: 900;
    }

    .resource-admin-list {
      max-height: 720px;
    }

    .resource-row {
      padding: 16px;
      border-radius: 22px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.055);
    }

    .resource-row h4 {
      margin: 0;
      font-size: 18px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .resource-row-media {
      display: grid;
      grid-template-columns: 116px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
    }

    .resource-row-media img {
      width: 116px;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      border-radius: 14px;
      background: #d2d2d7;
      border: 1px solid rgba(0,0,0,.06);
    }

    .forum-form input[type="file"] {
      padding: 11px;
      min-height: 48px;
      background: #fff;
      cursor: pointer;
    }

    @media (max-width: 860px) {
      .admin-tabs {
        top: 54px;
        border-radius: 24px;
      }

      .admin-settings-grid,
      .admin-form-row,
      .admin-login,
      .admin-kpis-compact {
        grid-template-columns: 1fr;
      }

      .resource-row-media {
        grid-template-columns: 92px minmax(0, 1fr);
      }

      .resource-row-media img {
        width: 92px;
      }
    }

    .forum-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 360px;
      gap: 18px;
      align-items: start;
    }

    .forum-panel {
      padding: clamp(22px, 4vw, 36px);
      border-radius: 34px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.045);
      box-shadow: 0 18px 52px rgba(0,0,0,.06);
    }

    .forum-panel h3 {
      margin: 0 0 10px;
      font-size: clamp(26px, 3vw, 40px);
      letter-spacing: -.04em;
    }

    .forum-panel p {
      color: var(--muted);
      line-height: 1.6;
    }

    .forum-form {
      display: grid;
      gap: 12px;
      margin-top: 16px;
    }

    .forum-form input,
    .forum-form select,
    .forum-form textarea {
      width: 100%;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 18px;
      padding: 13px 14px;
      color: #1d1d1f;
      background: #f5f5f7;
      font: inherit;
      outline: none;
    }

    .forum-form textarea {
      min-height: 150px;
      resize: vertical;
      line-height: 1.55;
    }

    .forum-form input:focus,
    .forum-form select:focus,
    .forum-form textarea:focus {
      border-color: rgba(0,113,227,.5);
      box-shadow: 0 0 0 4px rgba(0,113,227,.12);
    }

    .forum-button {
      border: 0;
      min-height: 44px;
      padding: 0 16px;
      border-radius: 999px;
      color: #fff;
      background: #1d1d1f;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
    }

    .forum-button.blue { background: #0071e3; }
    .forum-button.warn { background: #b54708; }
    .forum-button.ghost { color: #1d1d1f; background: rgba(0,0,0,.07); }

    .forum-button:disabled {
      cursor: not-allowed;
      opacity: .55;
    }

    .forum-toolbar {
      display: grid;
      grid-template-columns: minmax(160px, 1fr) minmax(130px, auto);
      gap: 10px;
      margin: 18px 0;
    }

    .forum-post-list {
      display: grid;
      gap: 12px;
    }

    .forum-post {
      padding: 18px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.045);
    }

    .forum-replies {
      margin-top: 16px;
      padding-top: 14px;
      border-top: 1px solid rgba(0,0,0,.08);
      display: grid;
      gap: 10px;
    }

    .forum-reply-summary {
      color: #6e6e73;
      font-size: 13px;
      font-weight: 800;
    }

    .forum-reply {
      padding: 13px;
      border-radius: 18px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.055);
    }

    .forum-reply-form {
      padding: 14px;
      border-radius: 20px;
      background: #fff;
      border: 1px solid rgba(0,113,227,.16);
    }

    .forum-reply-form textarea {
      min-height: 86px;
    }

    .forum-upload-field {
      display: grid;
      gap: 9px;
    }

    .forum-upload-field label {
      color: #515154;
      font-size: 14px;
      font-weight: 900;
    }

    .forum-upload-field small {
      color: #86868b;
      line-height: 1.45;
    }

    .forum-image-preview,
    .forum-image-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
      gap: 10px;
      margin-top: 10px;
    }

    .forum-image-preview figure,
    .forum-image-grid figure {
      margin: 0;
      overflow: hidden;
      border-radius: 16px;
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(0,0,0,.06);
      box-shadow: 0 12px 28px rgba(0,0,0,.08);
    }

    .forum-image-preview img,
    .forum-image-grid img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      display: block;
    }

    .forum-image-preview figcaption,
    .forum-image-grid figcaption {
      padding: 7px 8px;
      color: #6e6e73;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .forum-post h4 {
      margin: 0;
      font-size: 21px;
      letter-spacing: -.02em;
      overflow-wrap: anywhere;
    }

    .forum-post-body {
      margin: 10px 0 0;
      white-space: pre-wrap;
      color: #424245;
      line-height: 1.65;
      overflow-wrap: anywhere;
    }

    .forum-meta,
    .forum-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-top: 12px;
    }

    .forum-meta span,
    .status-badge {
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(0,0,0,.055);
      color: #515154;
      font-size: 13px;
      font-weight: 800;
    }

    .status-badge.approved { color: #0f5f2a; background: #e8f8ee; }
    .status-badge.pending { color: #6d4a00; background: #fff6d8; }
    .status-badge.rejected { color: #8f1d1d; background: #ffe8e8; }
    .status-badge.flagged { color: #6d2d00; background: #ffe8d1; }

    .forum-message {
      min-height: 22px;
      margin-top: 12px;
      color: #6e6e73;
      font-size: 14px;
      line-height: 1.5;
    }

    .forum-admin-list {
      display: grid;
      gap: 10px;
      margin-top: 14px;
      max-height: 520px;
      overflow: auto;
      padding-right: 4px;
    }

    .forum-admin-list .forum-post {
      background: #fff;
      border-color: rgba(0,0,0,.08);
    }

    .account-center-page {
      width: min(1180px, calc(100% - 28px));
      margin: 0 auto;
      padding: 82px 0 56px;
    }

    .account-center-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: end;
      padding: clamp(28px, 5vw, 54px);
      border-radius: 42px;
      background:
        radial-gradient(circle at 78% 12%, rgba(53,167,255,.28), transparent 32%),
        radial-gradient(circle at 18% 82%, rgba(139,92,246,.22), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 28px 80px rgba(0,0,0,.28);
      overflow: hidden;
      position: relative;
    }

    .account-center-hero::after {
      content: "";
      position: absolute;
      right: -90px;
      top: -120px;
      width: 360px;
      height: 360px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      background: radial-gradient(circle, rgba(255,255,255,.16), transparent 62%);
      pointer-events: none;
    }

    .account-center-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      padding: 8px 12px;
      border-radius: 999px;
      color: #8fd8ff;
      background: rgba(53,167,255,.12);
      border: 1px solid rgba(53,167,255,.22);
      font-size: 13px;
      font-weight: 900;
      letter-spacing: .08em;
    }

    .account-center-hero h1 {
      margin: 16px 0 0;
      max-width: 820px;
      font-size: clamp(44px, 7vw, 84px);
      line-height: .92;
      letter-spacing: -.07em;
    }

    .account-center-hero p {
      max-width: 740px;
      margin: 18px 0 0;
      color: rgba(238,246,255,.72);
      font-size: 18px;
      line-height: 1.65;
    }

    .account-center-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-end;
      position: relative;
      z-index: 1;
    }

    .account-center-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 18px;
      border: 0;
      border-radius: 999px;
      color: #07101b;
      background: rgba(255,255,255,.92);
      font-weight: 900;
      text-decoration: none;
      cursor: pointer;
      box-shadow: 0 14px 32px rgba(0,0,0,.22);
    }

    .account-center-button.primary {
      color: #fff;
      background: linear-gradient(135deg, #35a7ff, #8b5cf6);
    }

    .account-center-button.ghost {
      color: #eef6ff;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: none;
    }

    .account-center-message {
      min-height: 24px;
      margin: 14px 0;
      color: rgba(238,246,255,.72);
      font-weight: 800;
    }

    .account-gate,
    .account-center-content {
      margin-top: 18px;
    }

    .account-gate[hidden],
    .account-center-content[hidden] {
      display: none;
    }

    .account-gate {
      padding: clamp(24px, 5vw, 46px);
      border-radius: 36px;
      color: #07101b;
      background: rgba(255,255,255,.92);
      box-shadow: 0 28px 74px rgba(0,0,0,.22);
    }

    .account-gate h2 {
      margin: 0;
      font-size: clamp(32px, 5vw, 56px);
      letter-spacing: -.05em;
    }

    .account-gate p {
      max-width: 680px;
      color: #515154;
      line-height: 1.7;
    }

    .account-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
      gap: 18px;
      align-items: start;
    }

    .account-center-stack {
      margin-top: 18px;
    }

    .account-center-panel {
      padding: clamp(22px, 4vw, 36px);
      border-radius: 34px;
      color: #07101b;
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 24px 70px rgba(0,0,0,.2);
    }

    .account-center-panel.dark {
      color: #eef6ff;
      background: linear-gradient(145deg, rgba(8,15,27,.96), rgba(18,29,48,.9));
      border-color: rgba(255,255,255,.12);
    }

    .account-center-panel h2,
    .account-center-panel h3 {
      margin: 0;
      letter-spacing: -.04em;
    }

    .account-center-panel h2 {
      font-size: clamp(32px, 4vw, 54px);
    }

    .account-center-panel h3 {
      font-size: clamp(24px, 3vw, 36px);
    }

    .account-center-panel p {
      color: #515154;
      line-height: 1.65;
    }

    .account-center-panel.dark p {
      color: rgba(238,246,255,.72);
    }

    .account-permission-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      margin-top: 18px;
      padding: 20px;
      border-radius: 28px;
      background: linear-gradient(135deg, rgba(32,213,155,.16), rgba(53,167,255,.12));
      border: 1px solid rgba(32,213,155,.24);
    }

    .account-permission-card.frozen,
    .account-permission-card.protecting {
      background: linear-gradient(135deg, rgba(255,190,80,.18), rgba(255,255,255,.08));
      border-color: rgba(255,190,80,.3);
    }

    .account-permission-card.blacklisted {
      background: linear-gradient(135deg, rgba(255,95,143,.16), rgba(255,255,255,.08));
      border-color: rgba(255,95,143,.3);
    }

    .account-big-badge {
      min-width: 98px;
      padding: 12px 16px;
      border-radius: 999px;
      text-align: center;
      font-size: 18px;
      font-weight: 1000;
      color: #041914;
      background: #9ff0d1;
    }

    .account-big-badge.frozen,
    .account-big-badge.protecting {
      color: #4a2a00;
      background: #ffe0a3;
    }

    .account-big-badge.blacklisted {
      color: #5f0d21;
      background: #ffc7d6;
    }

    .account-mini-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
    }

    .account-mini-card,
    .account-quota-card {
      display: grid;
      gap: 6px;
      padding: 18px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.05);
    }

    .account-center-panel.dark .account-mini-card,
    .account-center-panel.dark .account-quota-card {
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.1);
    }

    .account-mini-label {
      color: #6e6e73;
      font-size: 13px;
      font-weight: 900;
    }

    .account-center-panel.dark .account-mini-label {
      color: rgba(238,246,255,.62);
    }

    .account-mini-card strong,
    .account-quota-card strong {
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1;
      letter-spacing: -.04em;
    }

    .account-mini-card small,
    .account-quota-card small {
      color: #6e6e73;
      line-height: 1.45;
      font-weight: 800;
    }

    .account-center-panel.dark .account-mini-card small,
    .account-center-panel.dark .account-quota-card small {
      color: rgba(238,246,255,.62);
    }

    .account-quota-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
    }

    .account-quota-card.ok {
      border-color: rgba(32,213,155,.28);
    }

    .account-quota-card.empty {
      border-color: rgba(255,190,80,.32);
    }

    .account-wechat-box {
      display: grid;
      gap: 10px;
      margin-top: 16px;
      padding: 18px;
      border-radius: 24px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.05);
    }

    .account-wechat-box strong {
      font-size: 22px;
      letter-spacing: -.03em;
    }

    .account-wechat-box span,
    .account-wechat-box small {
      color: #6e6e73;
      font-weight: 800;
    }

    .account-history-list,
    .account-forum-list {
      display: grid;
      gap: 10px;
      margin-top: 16px;
    }

    .account-history-item,
    .account-forum-item {
      display: grid;
      gap: 8px;
      padding: 15px;
      border-radius: 20px;
      background: #f5f5f7;
      border: 1px solid rgba(0,0,0,.05);
    }

    .account-history-item strong,
    .account-forum-item strong {
      overflow-wrap: anywhere;
    }

    .account-history-item small,
    .account-forum-item small,
    .account-review-note {
      color: #6e6e73;
      font-weight: 800;
    }

    .account-forum-item p {
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .account-forum-top {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
    }

    .account-stat-row {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      margin-top: 14px;
    }

    .account-stat-chip {
      display: grid;
      gap: 4px;
      padding: 12px;
      border-radius: 18px;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.1);
      text-align: center;
    }

    .account-stat-chip strong {
      font-size: 26px;
      line-height: 1;
    }

    .account-stat-chip span {
      color: rgba(238,246,255,.66);
      font-size: 12px;
      font-weight: 900;
    }

    .account-password-form {
      display: grid;
      gap: 10px;
      margin-top: 16px;
    }

    .account-password-form input {
      width: 100%;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 18px;
      padding: 13px 14px;
      color: #1d1d1f;
      background: #f5f5f7;
      font: inherit;
      outline: none;
    }

    .account-password-form input:focus {
      border-color: rgba(0,113,227,.5);
      box-shadow: 0 0 0 4px rgba(0,113,227,.12);
    }

    .account-empty {
      margin: 0;
      padding: 16px;
      border-radius: 18px;
      color: #6e6e73;
      background: #f5f5f7;
      font-weight: 800;
    }

    @media (max-width: 900px) {
      .account-center-hero,
      .account-grid,
      .account-permission-card,
      .account-quota-row,
      .account-mini-grid,
      .account-stat-row {
        grid-template-columns: 1fr;
      }

      .account-center-actions {
        justify-content: flex-start;
      }
    }

    /* Unified A07 automotive skin */
    :root {
      color-scheme: dark;
      --page: #070d16;
      --ink: #eef6ff;
      --muted: #9aa8bb;
      --soft: rgba(255,255,255,.075);
      --white: rgba(255,255,255,.1);
      --line: rgba(255,255,255,.12);
      --blue: #35a7ff;
      --purple: #8b5cf6;
      --green: #20d59b;
    }

    body {
      color: #eef6ff;
      background:
        radial-gradient(circle at 18% -8%, rgba(53,167,255,.22), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(139,92,246,.16), transparent 30%),
        linear-gradient(180deg, #070d16 0%, #0b1320 38%, #0d1118 100%);
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 84px 84px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,.75), transparent 70%);
      opacity: .42;
      z-index: -1;
    }

    .nav {
      height: 60px;
      background: rgba(5,10,18,.72);
      border-bottom: 1px solid rgba(255,255,255,.1);
      box-shadow: 0 16px 40px rgba(0,0,0,.18);
    }

    .nav-inner {
      width: min(1220px, calc(100% - 28px));
      color: rgba(238,246,255,.82);
    }

    .brand {
      color: #fff;
      font-weight: 900;
      letter-spacing: -.02em;
    }

    .brand-mark {
      border-radius: 11px;
      background: linear-gradient(135deg, #35a7ff, #8b5cf6 58%, #20d59b);
      box-shadow: 0 10px 24px rgba(53,167,255,.28);
    }

    .links {
      padding: 6px;
      border-radius: 999px;
      color: rgba(238,246,255,.68);
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.08);
    }

    .links a {
      padding: 8px 10px;
      border-radius: 999px;
      transition: color .18s ease, background .18s ease, transform .18s ease;
    }

    .links a:hover {
      color: #fff;
      background: rgba(255,255,255,.1);
    }

    .nav-page {
      color: #07101b !important;
      background: rgba(255,255,255,.9);
      box-shadow: 0 10px 22px rgba(0,0,0,.18);
    }

    .account-trigger {
      color: #07101b;
      background: linear-gradient(135deg, #fff, #dff0ff);
      box-shadow: 0 12px 28px rgba(0,0,0,.2);
    }

    .account-trigger.signed-in {
      color: #041914;
      background: linear-gradient(135deg, #dff9ec, #9ff0d1);
    }

    .account-popover {
      color: #eef6ff;
      background: rgba(9,16,28,.94);
      border-color: rgba(255,255,255,.12);
      box-shadow: 0 28px 86px rgba(0,0,0,.45);
    }

    .account-popover p,
    .top-account-status {
      color: rgba(238,246,255,.66);
    }

    .account-tab,
    .top-account-button.ghost {
      color: #eef6ff;
      background: rgba(255,255,255,.09);
    }

    .account-tab.active,
    .top-account-button.blue {
      color: #fff;
      background: linear-gradient(135deg, #1d8cff, #7c5cff);
    }

    .top-account-form input,
    .forum-form input,
    .forum-form select,
    .forum-form textarea,
    .club-form input,
    .club-form select,
    .sound-toolbar input,
    .sound-toolbar select,
    .admin-login input,
    .admin-login select {
      color: #eef6ff;
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.12);
    }

    .top-account-form input::placeholder,
    .forum-form input::placeholder,
    .forum-form textarea::placeholder,
    .club-form input::placeholder,
    .sound-toolbar input::placeholder {
      color: rgba(238,246,255,.42);
    }

    .owner-home {
      background:
        radial-gradient(circle at 74% -12%, rgba(53,167,255,.2), transparent 34%),
        linear-gradient(180deg, rgba(7,13,22,.6), rgba(7,13,22,0));
    }

    .owner-hero {
      padding: clamp(14px, 2.2vw, 28px);
    }

    .owner-hero-card {
      width: min(1500px, 100%);
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 44px 130px rgba(0,0,0,.42);
    }

    .owner-copy h1,
    .page-hero h1,
    .section-title h2 {
      text-wrap: balance;
    }

    .owner-copy h1 {
      max-width: 620px;
      font-size: clamp(48px, 6vw, 86px);
      line-height: .98;
    }

    .owner-lead {
      max-width: 590px;
      font-size: clamp(17px, 1.75vw, 21px);
    }

    .owner-live-stats {
      max-width: 740px;
    }

    .page-hero h1 {
      max-width: 760px;
      font-size: clamp(42px, 5.4vw, 74px);
    }

    .section-title h2 {
      max-width: 760px;
      font-size: clamp(34px, 4.6vw, 60px);
      line-height: 1.06;
    }

    .card h3,
    .owner-card h3,
    .forum-panel h3,
    .club-panel h3,
    .support h2 {
      font-size: clamp(26px, 3.3vw, 44px);
      line-height: 1.08;
    }

    .owner-copy h1 span {
      color: transparent;
      background: linear-gradient(90deg, #8fd0ff, #fff 42%, #adfff0);
      -webkit-background-clip: text;
      background-clip: text;
    }

    .owner-live-card,
    .owner-tags span {
      background: rgba(255,255,255,.12);
      border-color: rgba(255,255,255,.18);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }

    .owner-section,
    .section,
    .page-hero {
      width: min(1180px, calc(100% - 28px));
    }

    .page-hero {
      margin-top: clamp(18px, 3vw, 34px);
      padding: clamp(42px, 7vw, 86px) clamp(20px, 4vw, 54px);
      text-align: left;
      color: #eef6ff;
      border-radius: 42px;
      border: 1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(circle at 78% 16%, rgba(53,167,255,.24), transparent 32%),
        radial-gradient(circle at 14% 82%, rgba(32,213,155,.14), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.045));
      box-shadow: 0 26px 82px rgba(0,0,0,.26);
      backdrop-filter: blur(18px);
    }

    .page-hero .kicker {
      color: #8fd0ff;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .page-hero .lead {
      margin-left: 0;
      color: rgba(238,246,255,.7);
      font-weight: 720;
    }

    .rainbow {
      background: linear-gradient(92deg, #fff 0%, #8fd0ff 42%, #adfff0 82%);
      -webkit-background-clip: text;
      background-clip: text;
    }

    .subpage-actions {
      justify-content: flex-start;
    }

    .secondary-link,
    .home-action,
    .owner-action {
      color: #06101d;
      background: rgba(255,255,255,.94);
      box-shadow: 0 14px 32px rgba(0,0,0,.18);
    }

    .primary-cta,
    .owner-action.primary,
    .home-action.primary {
      color: #fff;
      background: linear-gradient(135deg, #0b83ff, #7c5cff);
    }

    .section {
      padding-top: 30px;
      padding-bottom: 34px;
    }

    .section-title {
      padding: 72px 4px 28px;
      text-align: left;
    }

    .section-title p {
      color: #8fd0ff;
      font-size: 14px;
      font-weight: 950;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .section-title h2 {
      margin-left: 0;
      max-width: 920px;
      color: #eef6ff;
    }

    .card,
    .portal-card,
    .owner-card,
    .owner-stat,
    .listen-panel,
    .account-panel,
    .account-box,
    .forum-panel,
    .club-panel,
    .club-card,
    .forum-post,
    .forum-reply,
    .social-card,
    .step,
    .support,
    .qr-box,
    .article,
    .sound-row,
    .admin-kpi {
      color: #eef6ff;
      background:
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 24px 70px rgba(0,0,0,.25);
      backdrop-filter: blur(18px);
    }

    .card.dark,
    .card.blue,
    .card.green,
    .owner-card.feature,
    .owner-card.blue,
    .owner-card.green,
    .club-panel.dark,
    .support {
      color: #fff;
      background:
        radial-gradient(circle at 78% 18%, rgba(53,167,255,.38), transparent 32%),
        radial-gradient(circle at 10% 88%, rgba(32,213,155,.18), transparent 30%),
        linear-gradient(135deg, rgba(18,34,58,.96), rgba(7,13,22,.92));
      border-color: rgba(143,208,255,.22);
    }

    .card.blue,
    .owner-card.blue {
      background:
        radial-gradient(circle at 78% 16%, rgba(255,255,255,.2), transparent 28%),
        linear-gradient(135deg, #0b83ff, #6e55ff);
    }

    .card.green,
    .owner-card.green,
    .club-card.established {
      color: #eafff8;
      background:
        radial-gradient(circle at 78% 16%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg, #08785f, #12b891);
      border-color: rgba(173,255,240,.22);
    }

    .card p,
    .portal-card p,
    .owner-card p,
    .owner-stat span,
    .forum-panel p,
    .club-panel p,
    .social-card p,
    .step p,
    .support p,
    .account-box p,
    .club-message,
    .forum-message,
    .player-status,
    .article span,
    .qr-caption,
    .live-total {
      color: rgba(238,246,255,.68);
    }

    .metric,
    .pill,
    .category-cloud span,
    .club-meta span,
    .forum-meta span,
    .status-badge,
    .next-item,
    .placeholder {
      color: rgba(238,246,255,.8);
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.12);
    }

    .notice {
      color: #ffefc0;
      background: rgba(255,190,70,.12);
      border-color: rgba(255,190,70,.24);
    }

    .platform-link,
    .club-button,
    .forum-button,
    .account-button,
    .download-button,
    .portal-link,
    .owner-card a {
      color: #fff;
      background: linear-gradient(135deg, #0b83ff, #7c5cff);
      box-shadow: 0 16px 36px rgba(11,131,255,.22);
    }

    .download-button.enabled,
    .club-button.blue,
    .forum-button.blue {
      background: linear-gradient(135deg, #16a7ff, #20d59b);
    }

    .forum-button.ghost,
    .club-button.ghost,
    .account-button.ghost {
      color: #eef6ff;
      background: rgba(255,255,255,.1);
      box-shadow: none;
    }

    .qr-frame,
    .qr-box img,
    .audio-player {
      background: rgba(255,255,255,.95);
      border-color: rgba(255,255,255,.16);
    }

    footer {
      color: rgba(238,246,255,.52);
      border-top: 1px solid rgba(255,255,255,.08);
    }

    /* Premium automotive media skin */
    :root {
      color-scheme: light;
      --page: #f4efe6;
      --ink: #191816;
      --muted: #706a61;
      --soft: #f8f3ea;
      --white: #fffdf8;
      --line: rgba(25,24,22,.11);
      --blue: #244d82;
      --purple: #725f4a;
      --green: #1d6f59;
    }

    body {
      color: #191816;
      background:
        radial-gradient(circle at 82% -4%, rgba(214,196,165,.34), transparent 32%),
        radial-gradient(circle at 6% 14%, rgba(47,78,119,.11), transparent 28%),
        linear-gradient(180deg, #f8f3ea 0%, #eee5d7 48%, #fbf8f2 100%);
    }

    body::before {
      background: none;
      opacity: 0;
    }

    .nav {
      height: 62px;
      background: rgba(250,247,240,.9);
      border-bottom: 1px solid rgba(25,24,22,.08);
      box-shadow: 0 12px 34px rgba(78,65,45,.08);
      backdrop-filter: blur(20px);
    }

    .nav-inner {
      width: min(1240px, calc(100% - 32px));
      color: #3b3731;
    }

    .brand {
      color: #171615;
      letter-spacing: -.03em;
    }

    .brand-mark {
      color: #f7efe1;
      border-radius: 8px;
      background: #171615;
      box-shadow: none;
    }

    .links {
      padding: 5px;
      gap: 2px;
      border-radius: 999px;
      color: #6d665c;
      background: rgba(255,253,248,.68);
      border: 1px solid rgba(25,24,22,.08);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
    }

    .links a {
      padding: 8px 11px;
      border-radius: 999px;
      color: inherit;
    }

    .links a:hover {
      color: #171615;
      background: rgba(25,24,22,.06);
      transform: none;
    }

    .nav-page {
      color: #fffdf8 !important;
      background: #171615;
      box-shadow: none;
    }

    .account-trigger,
    .top-account-button.blue,
    .account-tab.active {
      color: #fffdf8;
      background: #171615;
      box-shadow: 0 14px 28px rgba(25,24,22,.16);
    }

    .account-trigger.signed-in {
      color: #f7fff7;
      background: #1d6f59;
    }

    .account-popover {
      color: #191816;
      background: rgba(255,253,248,.96);
      border-color: rgba(25,24,22,.1);
      box-shadow: 0 26px 76px rgba(78,65,45,.22);
    }

    .account-popover p,
    .top-account-status {
      color: #706a61;
    }

    .account-tab,
    .top-account-button.ghost {
      color: #191816;
      background: #eee7da;
      box-shadow: none;
    }

    .top-account-form input,
    .forum-form input,
    .forum-form select,
    .forum-form textarea,
    .club-form input,
    .club-form select,
    .sound-toolbar input,
    .sound-toolbar select,
    .admin-login input,
    .admin-login select {
      color: #191816;
      background: #fffdf8;
      border-color: rgba(25,24,22,.14);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    }

    .top-account-form input::placeholder,
    .forum-form input::placeholder,
    .forum-form textarea::placeholder,
    .club-form input::placeholder,
    .sound-toolbar input::placeholder {
      color: rgba(112,106,97,.66);
    }

    .owner-home {
      background:
        linear-gradient(180deg, #f8f3ea 0%, #efe6d7 46%, #fbf8f2 100%);
      min-height: 100vh;
    }

    .owner-hero {
      min-height: calc(100vh - 62px);
      padding: 0;
      color: #fffdf8;
    }

    .owner-hero-card {
      width: 100%;
      min-height: calc(100vh - 62px);
      margin: 0;
      border-radius: 0;
      aspect-ratio: auto;
      display: block;
      position: relative;
      overflow: hidden;
      background: #181818;
      border: 0;
      box-shadow: none;
    }

    .owner-hero-img {
      inset: 0 0 0 auto;
      width: min(1120px, 78vw);
      height: 100%;
      object-fit: contain;
      object-position: right center;
      background: transparent;
      filter: saturate(.98) contrast(1.04);
    }

    .owner-hero-card::before {
      background:
        radial-gradient(circle at 72% 58%, rgba(80,100,132,.2), transparent 34%),
        linear-gradient(90deg, rgba(9,9,8,.96) 0%, rgba(9,9,8,.82) 32%, rgba(9,9,8,.18) 58%, rgba(9,9,8,.02) 100%),
        linear-gradient(0deg, rgba(9,9,8,.56), rgba(9,9,8,.04) 58%);
      z-index: 1;
    }

    .owner-hero-card::after {
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%),
        radial-gradient(circle at 20% 24%, rgba(214,196,165,.22), transparent 32%);
      z-index: 2;
    }

    .owner-copy {
      position: absolute;
      z-index: 3;
      top: clamp(118px, 17vh, 168px);
      left: clamp(32px, 7vw, 110px);
      width: min(600px, 40vw);
      max-width: 600px;
      padding: 0;
    }

    .owner-kicker {
      color: rgba(255,253,248,.86);
      background: rgba(255,253,248,.12);
      border-color: rgba(255,253,248,.22);
      letter-spacing: .12em;
      text-transform: uppercase;
      box-shadow: none;
    }

    .owner-copy h1 {
      max-width: 740px;
      color: #fffdf8;
      font-size: clamp(48px, 5.9vw, 88px);
      line-height: .98;
      letter-spacing: -.07em;
      text-shadow: 0 18px 44px rgba(0,0,0,.32);
    }

    .owner-copy h1 span {
      color: #e8ddcf;
      background: none;
      -webkit-background-clip: initial;
      background-clip: initial;
    }

    .owner-art-title {
      max-width: 620px;
      font-family: "华文行楷", "STXingkai", "KaiTi", "Songti SC", "Noto Serif SC", serif;
      font-size: clamp(58px, 5.9vw, 96px);
      line-height: .94;
      letter-spacing: -.05em;
      text-shadow: none;
    }

    .owner-art-title span,
    .owner-art-title em {
      display: block;
      width: fit-content;
      max-width: 100%;
      color: transparent;
      background:
        linear-gradient(105deg, #fffdf4 0%, #f4dfb8 42%, #c7def9 74%, #ffffff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      filter: drop-shadow(0 18px 28px rgba(0,0,0,.38));
    }

    .owner-art-title em {
      margin-top: .02em;
      padding-left: clamp(22px, 4vw, 72px);
      font-style: normal;
      font-size: .82em;
      letter-spacing: -.03em;
    }

    .owner-lead {
      max-width: 660px;
      color: rgba(255,253,248,.78);
      font-size: clamp(17px, 1.6vw, 21px);
      font-weight: 650;
    }

    .owner-live-card {
      color: rgba(255,253,248,.84);
      background: rgba(18,18,17,.48);
      border-color: rgba(255,253,248,.24);
      box-shadow: 0 18px 36px rgba(0,0,0,.18);
    }

    .owner-live-stats {
      position: absolute;
      z-index: 3;
      left: clamp(32px, 7vw, 110px);
      right: clamp(32px, 7vw, 110px);
      bottom: clamp(24px, 5vh, 54px);
      width: auto;
      min-width: 0;
      max-width: none;
      grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 0;
    }

    .owner-live-card {
      min-height: 118px;
      padding: 20px 22px;
      border-radius: 28px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .owner-live-card strong {
      color: #fffdf8;
      font-size: clamp(30px, 2.8vw, 42px);
      line-height: 1.06;
      letter-spacing: -.04em;
      white-space: nowrap;
    }

    .owner-live-card span {
      color: rgba(255,253,248,.66);
      font-size: 14px;
    }

    .owner-live-card small {
      color: #e8ddcf;
    }

    .owner-action,
    .secondary-link,
    .home-action {
      color: #171615;
      background: #fffdf8;
      border: 1px solid rgba(255,255,255,.4);
      box-shadow: 0 14px 30px rgba(0,0,0,.14);
    }

    .owner-actions {
      gap: 14px;
      margin-top: clamp(28px, 4.8vh, 48px);
    }

    .owner-action {
      min-height: 54px;
      padding: 0 24px;
      font-size: 16px;
    }

    .owner-action.primary,
    .home-action.primary,
    .primary-cta,
    .platform-link,
    .club-button,
    .forum-button,
    .account-button,
    .download-button,
    .portal-link,
    .owner-card a {
      color: #fffdf8;
      background: #171615;
      box-shadow: 0 16px 32px rgba(25,24,22,.16);
    }

    .download-button.enabled,
    .club-button.blue,
    .forum-button.blue {
      background: #244d82;
    }

    .forum-button.ghost,
    .club-button.ghost,
    .account-button.ghost {
      color: #191816;
      background: #eee7da;
      box-shadow: none;
    }

    .owner-section,
    .section,
    .page-hero {
      width: min(1180px, calc(100% - 32px));
    }

    .owner-section {
      padding-top: 76px;
    }

    .owner-section-head p,
    .section-title p,
    .page-hero .kicker {
      color: #7b4f20;
      font-size: 13px;
      font-weight: 950;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .owner-section-head h2,
    .section-title h2,
    .page-hero h1 {
      color: #191816;
      text-wrap: balance;
      letter-spacing: -.06em;
    }

    .owner-section-head h2 {
      font-size: clamp(36px, 5vw, 68px);
    }

    .owner-section-head .owner-note,
    .page-hero .lead {
      color: #706a61;
      font-weight: 680;
    }

    .page-hero {
      margin-top: clamp(18px, 3vw, 34px);
      padding: clamp(44px, 7vw, 88px) clamp(22px, 4vw, 56px);
      color: #191816;
      border-radius: 34px;
      border: 1px solid rgba(25,24,22,.09);
      background:
        linear-gradient(135deg, rgba(255,253,248,.96), rgba(239,229,212,.82));
      box-shadow: 0 24px 58px rgba(78,65,45,.12);
      backdrop-filter: none;
      position: relative;
      overflow: hidden;
    }

    .page-hero::after {
      content: "";
      position: absolute;
      right: -80px;
      bottom: -130px;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: rgba(36,77,130,.08);
      pointer-events: none;
    }

    .page-hero h1 {
      max-width: 820px;
      font-size: clamp(38px, 4.8vw, 66px);
    }

    .page-hero .lead {
      margin-left: 0;
      max-width: 760px;
      color: #706a61;
    }

    .rainbow {
      color: #191816;
      background: none;
      -webkit-background-clip: initial;
      background-clip: initial;
    }

    .subpage-actions {
      justify-content: flex-start;
    }

    .section {
      padding-top: 30px;
      padding-bottom: 42px;
    }

    .section-title {
      padding: 74px 4px 28px;
      text-align: left;
    }

    .section-title h2 {
      max-width: 900px;
      font-size: clamp(32px, 4.2vw, 56px);
      line-height: 1.06;
    }

    .card,
    .portal-card,
    .owner-card,
    .owner-stat,
    .listen-panel,
    .account-panel,
    .account-box,
    .forum-panel,
    .club-panel,
    .club-card,
    .forum-post,
    .forum-reply,
    .social-card,
    .step,
    .qr-box,
    .article,
    .sound-row,
    .admin-kpi {
      color: #191816;
      background: rgba(255,253,248,.9);
      border: 1px solid rgba(25,24,22,.09);
      box-shadow: 0 18px 46px rgba(78,65,45,.1);
      backdrop-filter: none;
    }

    .support,
    .card.dark,
    .owner-card.feature,
    .club-panel.dark {
      color: #fffdf8;
      background:
        linear-gradient(135deg, #181818, #312d27);
      border-color: rgba(255,255,255,.12);
      box-shadow: 0 24px 58px rgba(25,24,22,.18);
    }

    .card.blue,
    .owner-card.blue {
      color: #fffdf8;
      background:
        linear-gradient(135deg, #173a62, #28598e);
      border-color: rgba(255,255,255,.14);
    }

    .card.green,
    .owner-card.green,
    .club-card.established {
      color: #17362d;
      background: linear-gradient(135deg, #e4f3eb, #fffdf8);
      border-color: rgba(29,111,89,.16);
    }

    .owner-card {
      min-height: 300px;
      border-radius: 30px;
    }

    .owner-card::before {
      background: rgba(123,79,32,.1);
    }

    .owner-card h3,
    .card h3,
    .forum-panel h3,
    .club-panel h3,
    .support h2 {
      color: inherit;
      font-size: clamp(25px, 3vw, 40px);
      letter-spacing: -.05em;
    }

    .card p,
    .portal-card p,
    .owner-card p,
    .owner-stat span,
    .forum-panel p,
    .club-panel p,
    .social-card p,
    .step p,
    .account-box p,
    .club-message,
    .forum-message,
    .player-status,
    .article span,
    .qr-caption,
    .live-total {
      color: #706a61;
    }

    .card.dark p,
    .card.blue p,
    .owner-card.feature p,
    .owner-card.blue p,
    .club-panel.dark p,
    .support p {
      color: rgba(255,253,248,.72);
    }

    .owner-card.feature a,
    .owner-card.blue a,
    .support .secondary-link,
    .card.dark .secondary-link,
    .club-panel.dark .secondary-link {
      color: #171615;
      background: #fffdf8;
    }

    .metric,
    .pill,
    .category-cloud span,
    .club-meta span,
    .forum-meta span,
    .status-badge,
    .next-item,
    .placeholder {
      color: #625c54;
      background: #f1eadf;
      border: 1px solid rgba(25,24,22,.08);
    }

    .status-badge.approved { color: #146041; background: #e6f4ec; }
    .status-badge.pending { color: #7a5200; background: #fff4d8; }
    .status-badge.rejected { color: #8f1d1d; background: #ffe8e8; }
    .status-badge.flagged { color: #8a3d00; background: #ffe9d6; }

    .notice {
      color: #6a4610;
      background: #fff3d7;
      border-color: rgba(156,100,20,.18);
    }

    .qr-frame,
    .qr-box img,
    .audio-player {
      background: #fffdf8;
      border-color: rgba(25,24,22,.1);
    }

    .sound-toolbar,
    .audio-actions {
      background: rgba(255,253,248,.72);
      border-color: rgba(25,24,22,.08);
    }

    footer {
      color: #867d71;
      border-top: 1px solid rgba(25,24,22,.08);
    }

    /* Youthful A07 community refresh */
    :root {
      --y-bg: #f6f7fb;
      --y-ink: #111318;
      --y-muted: #6a7280;
      --y-card: rgba(255,255,255,.82);
      --y-line: rgba(17,19,24,.08);
      --y-blue: #2678ff;
      --y-cyan: #1ec9ff;
      --y-purple: #8b5cf6;
      --y-pink: #ff4f9a;
      --y-green: #19c37d;
      --y-orange: #ff9f1c;
    }

    body {
      color: var(--y-ink);
      background:
        radial-gradient(circle at 9% 8%, rgba(38,120,255,.16), transparent 26%),
        radial-gradient(circle at 86% 4%, rgba(255,79,154,.13), transparent 24%),
        radial-gradient(circle at 78% 48%, rgba(30,201,255,.12), transparent 28%),
        linear-gradient(180deg, #fbfcff 0%, #f4f0ff 34%, #f6f8ff 66%, #fff8f1 100%);
    }

    body::before {
      opacity: .75;
      background:
        linear-gradient(90deg, rgba(38,120,255,.04) 1px, transparent 1px),
        linear-gradient(0deg, rgba(139,92,246,.035) 1px, transparent 1px);
      background-size: 68px 68px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,.45), transparent 54%);
    }

    .nav {
      background: rgba(255,255,255,.74);
      border-bottom: 1px solid rgba(17,19,24,.07);
      box-shadow: 0 14px 44px rgba(24,32,48,.09);
    }

    .nav::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(38,120,255,.42), rgba(255,79,154,.34), transparent);
      pointer-events: none;
    }

    .brand {
      color: #111318;
      font-weight: 950;
    }

    .brand-mark {
      color: #fff;
      border-radius: 12px;
      background: linear-gradient(135deg, #111318 0%, #2678ff 45%, #8b5cf6 72%, #ff4f9a 100%);
      box-shadow: 0 12px 28px rgba(38,120,255,.25);
    }

    .links {
      background: rgba(255,255,255,.64);
      border: 1px solid rgba(17,19,24,.08);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
    }

    .links a {
      color: #697180;
      font-weight: 850;
    }

    .links a:hover {
      color: #111318;
      background: rgba(38,120,255,.09);
    }

    .nav-page {
      color: #fff !important;
      background: linear-gradient(135deg, #111318, #2678ff 62%, #8b5cf6);
      box-shadow: 0 10px 22px rgba(38,120,255,.22);
    }

    .account-trigger,
    .top-account-button.blue,
    .account-tab.active {
      color: #fff;
      background: linear-gradient(135deg, #111318, #2678ff 58%, #8b5cf6);
      box-shadow: 0 16px 34px rgba(38,120,255,.2);
    }

    .account-popover,
    .account-panel,
    .account-box {
      background: rgba(255,255,255,.86);
      border-color: rgba(17,19,24,.08);
      box-shadow: 0 24px 70px rgba(24,32,48,.12);
      backdrop-filter: blur(20px);
    }

    .page-hero {
      color: #111318;
      border: 1px solid rgba(255,255,255,.68);
      background:
        radial-gradient(circle at 82% 18%, rgba(38,120,255,.2), transparent 32%),
        radial-gradient(circle at 22% 82%, rgba(255,79,154,.12), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(243,247,255,.78));
      box-shadow: 0 24px 70px rgba(24,32,48,.1);
      backdrop-filter: blur(18px);
    }

    .page-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(135deg, rgba(38,120,255,.35), rgba(255,79,154,.22), rgba(25,195,125,.2));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }

    .page-hero::after {
      background: linear-gradient(135deg, rgba(38,120,255,.12), rgba(255,79,154,.08));
    }

    .page-hero .kicker,
    .section-title p,
    .owner-section-head p {
      color: #2678ff;
      letter-spacing: .18em;
    }

    .page-hero h1,
    .section-title h2,
    .owner-section-head h2 {
      color: #101218;
    }

    .section-title h2 {
      background: linear-gradient(90deg, #101218 0%, #1d4ed8 55%, #8b5cf6 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .card,
    .portal-card,
    .owner-card,
    .owner-stat,
    .listen-panel,
    .forum-panel,
    .club-panel,
    .club-card,
    .forum-post,
    .forum-reply,
    .social-card,
    .step,
    .qr-box,
    .article,
    .sound-row,
    .admin-kpi,
    .sound-type-section {
      background: var(--y-card);
      border: 1px solid rgba(255,255,255,.72);
      box-shadow: 0 18px 58px rgba(24,32,48,.09);
      backdrop-filter: blur(18px);
    }

    .card,
    .owner-card,
    .social-card,
    .step,
    .forum-panel,
    .club-panel,
    .listen-panel,
    .account-panel,
    .sound-type-section {
      border-radius: 34px;
    }

    .card:hover,
    .owner-card:hover,
    .social-card:hover,
    .step:hover,
    .sound-row:hover,
    .forum-post:hover,
    .club-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 24px 72px rgba(24,32,48,.14);
    }

    .card,
    .owner-card,
    .social-card,
    .step,
    .sound-row,
    .forum-post,
    .club-card {
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .support,
    .card.dark,
    .owner-card.feature,
    .club-panel.dark {
      background:
        radial-gradient(circle at 82% 18%, rgba(38,120,255,.32), transparent 34%),
        radial-gradient(circle at 12% 82%, rgba(255,79,154,.2), transparent 32%),
        linear-gradient(135deg, #101218, #171a24 56%, #202a42);
      border-color: rgba(255,255,255,.14);
      box-shadow: 0 28px 76px rgba(17,24,39,.22);
    }

    .card.blue,
    .owner-card.blue {
      background:
        radial-gradient(circle at 86% 14%, rgba(255,255,255,.2), transparent 28%),
        linear-gradient(135deg, #1368ff, #7557ff 68%, #ff4f9a);
      border-color: rgba(255,255,255,.2);
    }

    .card.green,
    .owner-card.green,
    .club-card.established {
      color: #083428;
      background:
        radial-gradient(circle at 82% 16%, rgba(255,255,255,.72), transparent 30%),
        linear-gradient(135deg, #dffbed, #eff7ff);
      border-color: rgba(25,195,125,.18);
    }

    .owner-action.primary,
    .home-action.primary,
    .primary-cta,
    .platform-link,
    .club-button,
    .forum-button,
    .account-button,
    .download-button,
    .portal-link,
    .owner-card a,
    .listen-button {
      color: #fff;
      background: linear-gradient(135deg, #111318, #2678ff 52%, #8b5cf6);
      box-shadow: 0 18px 40px rgba(38,120,255,.22);
    }

    .owner-action,
    .secondary-link,
    .home-action,
    .forum-button.ghost,
    .club-button.ghost,
    .account-button.ghost {
      color: #111318;
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(17,19,24,.08);
      box-shadow: 0 14px 34px rgba(24,32,48,.09);
    }

    .download-button.enabled,
    .club-button.blue,
    .forum-button.blue {
      background: linear-gradient(135deg, #2678ff, #19c37d);
    }

    .owner-live-card {
      background: linear-gradient(135deg, rgba(16,18,24,.86), rgba(22,32,52,.82));
      border-color: rgba(255,255,255,.18);
      box-shadow: 0 20px 50px rgba(0,0,0,.22);
    }

    .owner-live-card strong {
      background: linear-gradient(90deg, #fff, #9fe7ff 48%, #ffd6eb);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .metric,
    .pill,
    .category-cloud span,
    .club-meta span,
    .forum-meta span,
    .status-badge,
    .next-item,
    .placeholder,
    .sound-type-count,
    .sound-meta span,
    .sound-counts span {
      color: #5b6472;
      background: rgba(255,255,255,.68);
      border: 1px solid rgba(17,19,24,.06);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
    }

    .sound-toolbar,
    .audio-actions {
      background: rgba(255,255,255,.64);
      border: 1px solid rgba(255,255,255,.7);
      box-shadow: 0 16px 42px rgba(24,32,48,.08);
      backdrop-filter: blur(18px);
    }

    .sound-toolbar input,
    .sound-toolbar select,
    .forum-form input,
    .forum-form select,
    .forum-form textarea,
    .club-form input,
    .club-form select,
    .top-account-form input,
    .admin-login input,
    .admin-login select {
      background: rgba(255,255,255,.86);
      border-color: rgba(17,19,24,.08);
    }

    .sound-type-section.welcome {
      background:
        radial-gradient(circle at 92% 12%, rgba(25,195,125,.2), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.9), rgba(226,255,241,.76));
    }

    .sound-type-section.lock {
      background:
        radial-gradient(circle at 92% 12%, rgba(38,120,255,.18), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.9), rgba(236,242,255,.78));
    }

    .sound-type-head h4 {
      background: linear-gradient(90deg, #101218, #2678ff 65%, #8b5cf6);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .sound-row {
      background: rgba(255,255,255,.78);
      border-color: rgba(255,255,255,.72);
    }

    .article,
    .next-item,
    .forum-post,
    .forum-reply,
    .club-card {
      background: rgba(255,255,255,.72);
    }

    .notice {
      color: #68420b;
      background: linear-gradient(135deg, rgba(255,244,216,.92), rgba(255,255,255,.74));
      border-color: rgba(255,159,28,.2);
    }

    .qr-frame,
    .qr-box img,
    .audio-player {
      background: rgba(255,255,255,.92);
      border-color: rgba(17,19,24,.08);
      box-shadow: 0 18px 44px rgba(24,32,48,.1);
    }

    .owner-home {
      background:
        radial-gradient(circle at 18% 10%, rgba(38,120,255,.18), transparent 26%),
        radial-gradient(circle at 92% 18%, rgba(255,79,154,.12), transparent 22%),
        linear-gradient(180deg, #070b12 0%, #0c1220 38%, #f7f8ff 38%, #fff 100%);
    }

    .owner-hero,
    .owner-hero-card {
      min-height: calc(100svh - 62px);
      background: #070b12;
    }

    .owner-hero-img {
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      filter: saturate(1.08) contrast(1.05) brightness(.93);
      transform: scale(1.01);
    }

    .owner-hero-card::before {
      background:
        linear-gradient(90deg, rgba(5,8,16,.94) 0%, rgba(5,8,16,.78) 31%, rgba(5,8,16,.28) 58%, rgba(5,8,16,.08) 100%),
        linear-gradient(0deg, rgba(5,8,16,.84) 0%, rgba(5,8,16,.18) 46%, rgba(5,8,16,.06) 100%);
    }

    .owner-hero-card::after {
      background:
        radial-gradient(circle at 18% 28%, rgba(38,120,255,.34), transparent 28%),
        radial-gradient(circle at 44% 64%, rgba(255,79,154,.13), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.05), transparent 30%);
    }

    .owner-copy {
      top: clamp(110px, 15vh, 156px);
      width: min(640px, 43vw);
    }

    .owner-kicker {
      background: rgba(255,255,255,.16);
      border-color: rgba(255,255,255,.24);
      box-shadow: 0 18px 42px rgba(0,0,0,.18);
    }

    .owner-welcome-title {
      max-width: 640px;
      margin: 0 0 14px;
      color: rgba(255,255,255,.94);
      font-size: clamp(22px, 2.15vw, 34px);
      line-height: 1.16;
      font-weight: 1000;
      letter-spacing: -.035em;
      text-shadow: 0 16px 36px rgba(0,0,0,.38);
    }

    .owner-art-title {
      font-family: "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
      font-weight: 1000;
      line-height: .93;
      letter-spacing: -.08em;
    }

    .owner-art-title span,
    .owner-art-title em {
      background:
        linear-gradient(108deg, #ffffff 0%, #c8f1ff 34%, #f6d8ff 62%, #ffe9b7 100%);
      -webkit-background-clip: text;
      background-clip: text;
      filter: drop-shadow(0 22px 34px rgba(0,0,0,.42));
    }

    .owner-art-title em {
      padding-left: clamp(12px, 2.4vw, 42px);
      font-size: .86em;
    }

    .owner-actions {
      gap: 14px;
      margin-top: clamp(28px, 4vh, 42px);
    }

    .owner-action {
      min-height: 56px;
      padding: 0 28px;
      border-radius: 999px;
      font-size: 17px;
      font-weight: 1000;
    }

    .owner-action.primary {
      background: linear-gradient(135deg, #1677ff 0%, #6c5cff 54%, #ff4f9a 100%);
    }

    .owner-live-stats {
      bottom: clamp(28px, 5vh, 58px);
      gap: 16px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .owner-live-card {
      min-height: 118px;
      border-radius: 30px;
      background: linear-gradient(135deg, rgba(12,18,31,.76), rgba(18,28,48,.6));
      border-color: rgba(255,255,255,.18);
      box-shadow: 0 22px 62px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.1);
    }

    .page-hero {
      min-height: 390px;
      overflow: hidden;
    }

    .page-hero h1 {
      letter-spacing: -.08em;
    }

    .page-hero::after {
      opacity: .95;
      background:
        radial-gradient(circle at 88% 68%, rgba(38,120,255,.18), transparent 30%),
        linear-gradient(135deg, transparent 0%, rgba(38,120,255,.08) 54%, rgba(255,79,154,.08) 100%);
    }

    /* Home cover redesign: cleaner, younger automotive community feel */
    .owner-home {
      background:
        radial-gradient(circle at 16% 10%, rgba(38,120,255,.18), transparent 24%),
        radial-gradient(circle at 86% 16%, rgba(255,79,154,.12), transparent 26%),
        linear-gradient(180deg, #f7f9ff 0%, #eef4ff 48%, #ffffff 100%);
    }

    .owner-hero {
      min-height: calc(100svh - 62px);
      padding: clamp(14px, 2.3vw, 34px);
      color: #fff;
      background:
        linear-gradient(180deg, rgba(255,255,255,.7), rgba(239,245,255,.34));
    }

    .owner-hero-card {
      width: min(1500px, 100%);
      min-height: calc(100svh - 118px);
      margin: 0 auto;
      border-radius: clamp(30px, 4vw, 56px);
      overflow: hidden;
      background: #07101f;
      border: 1px solid rgba(255,255,255,.62);
      box-shadow: 0 34px 110px rgba(31,42,68,.22);
    }

    .owner-hero-img {
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      filter: saturate(1.08) contrast(1.04) brightness(.98);
      transform: none;
    }

    .owner-hero-card::before {
      background:
        linear-gradient(90deg, rgba(4,9,18,.86) 0%, rgba(4,9,18,.68) 31%, rgba(4,9,18,.2) 55%, rgba(4,9,18,.04) 100%),
        linear-gradient(0deg, rgba(4,9,18,.76) 0%, rgba(4,9,18,.16) 42%, rgba(4,9,18,.04) 100%);
      z-index: 1;
    }

    .owner-hero-card::after {
      background:
        radial-gradient(circle at 22% 22%, rgba(69,132,255,.32), transparent 28%),
        radial-gradient(circle at 40% 65%, rgba(255,79,154,.18), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,.08), transparent 32%);
      z-index: 2;
    }

    .owner-copy {
      position: absolute;
      z-index: 3;
      top: clamp(96px, 13vh, 140px);
      left: clamp(30px, 5.8vw, 90px);
      width: min(560px, 42vw);
      max-width: 560px;
      padding: clamp(22px, 2.6vw, 34px);
      border-radius: 34px;
      background: linear-gradient(135deg, rgba(9,16,29,.66), rgba(13,24,44,.42));
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: 0 28px 80px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.12);
      backdrop-filter: blur(22px);
    }

    .owner-kicker {
      margin-bottom: 14px;
      color: rgba(255,255,255,.84);
      background: rgba(255,255,255,.11);
      border-color: rgba(255,255,255,.18);
      box-shadow: none;
    }

    .owner-welcome-title {
      margin: 0 0 12px;
      max-width: 520px;
      color: #fff;
      font-size: clamp(23px, 2.1vw, 32px);
      line-height: 1.14;
      font-weight: 1000;
      letter-spacing: -.04em;
      text-shadow: 0 16px 34px rgba(0,0,0,.32);
    }

    .owner-art-title {
      max-width: 540px;
      font-family: "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
      font-size: clamp(48px, 4.9vw, 76px);
      line-height: .96;
      letter-spacing: -.075em;
    }

    .owner-art-title span,
    .owner-art-title em {
      background:
        linear-gradient(108deg, #fff8e7 0%, #c8f1ff 40%, #ffd8ef 78%, #ffffff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      filter: drop-shadow(0 18px 28px rgba(0,0,0,.35));
    }

    .owner-art-title em {
      padding-left: 0;
      font-size: .78em;
    }

    .owner-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 26px;
    }

    .owner-action {
      min-height: 52px;
      padding: 0 24px;
      border-radius: 999px;
      font-size: 16px;
      font-weight: 1000;
    }

    .owner-action.primary {
      background: linear-gradient(135deg, #1677ff 0%, #735cff 52%, #ff4f9a 100%);
    }

    .owner-live-stats {
      position: absolute;
      z-index: 3;
      left: clamp(30px, 5.8vw, 90px);
      right: clamp(30px, 5.8vw, 90px);
      bottom: clamp(22px, 4vh, 42px);
      width: auto;
      max-width: none;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      padding: 10px;
      border-radius: 32px;
      background: rgba(8,15,29,.52);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 24px 76px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.1);
      backdrop-filter: blur(20px);
    }

    .owner-live-card {
      min-height: 96px;
      padding: 18px 20px;
      border-radius: 24px;
      background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045));
      border: 0;
      box-shadow: none;
    }

    .owner-live-card strong {
      font-size: clamp(26px, 2.4vw, 38px);
      line-height: 1.04;
    }

    .owner-live-card span {
      color: rgba(255,255,255,.68);
      font-size: 13px;
    }

    footer {
      color: #7a8494;
      border-top: 1px solid rgba(17,19,24,.06);
    }

    @media (max-width: 760px) {
      .portal-grid { grid-template-columns: 1fr; }
      .portal-card.wide { grid-column: auto; }
      .forum-layout { grid-template-columns: 1fr; }
      .club-layout { grid-template-columns: 1fr; }
      .admin-grid { grid-template-columns: 1fr; }
      .admin-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .admin-login { grid-template-columns: 1fr; }
      .forum-toolbar { grid-template-columns: 1fr; }
      .visitor-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .visitor-path { grid-template-columns: 1fr; }
      .home-shell { padding-top: 58px; }
      .home-showcase { min-height: auto; border-radius: 34px; }
      .home-showcase-grid { grid-template-columns: 1fr; min-height: auto; }
      .home-title { font-size: clamp(46px, 14vw, 70px); }
      .home-mini-stats { grid-template-columns: 1fr; }
      .home-visual { gap: 12px; }
      .a07-card { min-height: 340px; border-radius: 32px; }
      .a07-model { margin-top: 36px; }
      .car-line { margin-top: 24px; }
      .home-floating-row { grid-template-columns: 1fr; }
      .home-bento { grid-template-columns: 1fr; }
      .home-tile.large { grid-column: auto; }
      .home-steps { grid-template-columns: 1fr; }
      .owner-hero { padding: 10px; }
      .owner-hero-card {
        min-height: 720px;
        border-radius: 30px;
        aspect-ratio: auto;
      }
      .owner-hero-img {
        height: 52%;
        object-fit: contain;
        object-position: top center;
      }
      .owner-hero-card::before {
        background:
          linear-gradient(180deg, rgba(4,8,16,.04) 0%, rgba(4,8,16,.08) 36%, rgba(4,8,16,.92) 62%, rgba(4,8,16,.98) 100%);
      }
      .owner-copy { padding: 26px; align-self: end; }
      .owner-copy h1 { font-size: clamp(44px, 14vw, 66px); }
      .owner-actions { gap: 9px; }
      .owner-action { min-height: 44px; padding: 0 15px; }
      .owner-live-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .owner-live-card { min-height: 84px; }
      .owner-live-card strong { font-size: clamp(24px, 9vw, 34px); }
      .owner-section { padding-top: 46px; }
      .owner-section-head { grid-template-columns: 1fr; gap: 12px; }
      .owner-grid { grid-template-columns: 1fr; }
      .owner-card.feature { grid-column: auto; }
      .owner-stats { grid-template-columns: 1fr; }
      .owner-flow { grid-template-columns: 1fr; }
      .nav-inner { width: min(100% - 20px, 1080px); gap: 10px; }
      .links { gap: 10px; overflow-x: auto; }
      .account-popover { position: fixed; top: 58px; right: 10px; }
      .page-hero { padding-top: 52px; }
      .owner-hero {
        min-height: calc(100svh - 62px);
        padding: 0;
      }
      .owner-hero-card {
        width: 100%;
        min-height: auto;
        padding-top: min(32vh, 260px);
        padding-bottom: 30px;
        border-radius: 0;
        border: 0;
        background: #171615;
      }
      .owner-hero-img {
        inset: 0 0 auto 0;
        width: 100%;
        height: min(32vh, 260px);
        object-fit: contain;
        object-position: center top;
      }
      .owner-hero-card::before {
        background:
          linear-gradient(180deg, rgba(12,11,10,.02) 0%, rgba(12,11,10,.12) 24%, rgba(12,11,10,.88) 47%, rgba(12,11,10,.98) 100%);
      }
      .owner-copy {
        position: relative;
        top: auto;
        left: auto;
        z-index: 3;
        width: 100%;
        max-width: 100%;
        padding: 26px 22px 34px;
        align-self: end;
      }
      .owner-kicker {
        font-size: 12px;
        letter-spacing: .08em;
      }
      .owner-welcome-title {
        margin-bottom: 12px;
        font-size: clamp(20px, 6vw, 25px);
        line-height: 1.22;
        letter-spacing: -.02em;
      }
      .owner-art-title {
        font-size: clamp(38px, 11vw, 48px);
        letter-spacing: -.06em;
      }
      .owner-art-title em {
        padding-left: 0;
      }
      .owner-lead {
        font-size: 16px;
        line-height: 1.58;
      }
      .owner-actions {
        gap: 10px;
      }
      .owner-action {
        min-height: 48px;
        padding: 0 16px;
        font-size: 15px;
      }
      .owner-live-stats {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 3;
        width: calc(100% - 44px);
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0 auto;
      }
      .owner-live-card {
        min-height: 116px;
        padding: 18px;
        border-radius: 24px;
      }
      .owner-live-card strong {
        font-size: clamp(24px, 6.5vw, 30px);
      }
      .page-hero {
        border-radius: 28px;
      }
      .owner-home {
        background:
          linear-gradient(180deg, #080b12 0%, #0a0f18 54%, #f7f8ff 54%, #fff 100%);
      }
      .owner-hero-card {
        padding-top: min(34vh, 286px);
        padding-bottom: 28px;
        background: #080b12;
      }
      .owner-hero-img {
        height: min(34vh, 286px);
        object-fit: contain;
        object-position: top center;
        transform: none;
        filter: saturate(1.08) contrast(1.04) brightness(.96);
      }
      .owner-hero-card::before {
        background:
          linear-gradient(180deg, rgba(8,11,18,.03) 0%, rgba(8,11,18,.14) 34%, rgba(8,11,18,.91) 55%, rgba(8,11,18,.99) 100%);
      }
      .owner-copy {
        padding: 26px 22px 28px;
      }
      .owner-art-title {
        font-family: "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
        font-weight: 1000;
        font-size: clamp(40px, 12.2vw, 58px);
        line-height: .95;
        letter-spacing: -.08em;
      }
      .owner-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 26px;
      }
      .owner-action {
        min-height: 50px;
        justify-content: center;
        padding: 0 10px;
        font-size: 15px;
      }
      .owner-live-stats {
        margin-top: 2px;
      }
      .owner-live-card {
        min-height: 108px;
      }
    }

    /* Final homepage visual polish: full-screen automotive cover */
    .owner-home {
      background:
        radial-gradient(circle at 8% 0%, rgba(22,119,255,.16), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(255,79,154,.1), transparent 30%),
        linear-gradient(180deg, #05070d 0%, #08101c 46%, #f6f8fc 46%, #ffffff 100%);
      color: #111827;
    }

    .owner-hero {
      position: relative;
      min-height: calc(100svh - 62px);
      padding: 0;
      display: block;
      background: #05070d;
      color: #fff;
    }

    .owner-hero-card {
      width: 100%;
      min-height: calc(100svh - 62px);
      margin: 0;
      border: 0;
      border-radius: 0;
      aspect-ratio: auto;
      display: block;
      overflow: hidden;
      background:
        linear-gradient(0deg, rgba(3,7,16,.58), rgba(3,7,16,.2)),
        url("assets/a07-hero-generated.jpg") center center / cover no-repeat,
        radial-gradient(circle at 70% 44%, rgba(49,96,168,.22), transparent 38%),
        linear-gradient(180deg, #060a13 0%, #03060c 100%);
      box-shadow: none;
    }

    .owner-hero-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center top;
      transform: none;
      filter: saturate(1.1) contrast(1.04) brightness(1.04);
      background: transparent;
    }

    .owner-avatar-card {
      position: absolute;
      z-index: 3;
      top: clamp(92px, 11vh, 138px);
      right: clamp(34px, 7vw, 120px);
      width: clamp(180px, 18vw, 320px);
      aspect-ratio: 1;
      padding: 9px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, rgba(35,141,255,.32), transparent 58%),
        linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.06));
      border: 1px solid rgba(210,235,255,.45);
      box-shadow:
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 22px 72px rgba(0,118,255,.28),
        0 40px 110px rgba(0,0,0,.3);
      backdrop-filter: blur(18px);
    }

    .owner-avatar-card img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: 50%;
      box-shadow: 0 0 42px rgba(76,174,255,.24);
    }

    .owner-hero-card::before {
      background:
        linear-gradient(90deg, rgba(3,7,16,.9) 0%, rgba(3,7,16,.7) 30%, rgba(3,7,16,.18) 58%, rgba(3,7,16,.02) 100%),
        linear-gradient(0deg, rgba(3,7,16,.82) 0%, rgba(3,7,16,.2) 34%, rgba(3,7,16,.02) 70%);
      z-index: 1;
    }

    .owner-hero-card::after {
      background:
        radial-gradient(circle at 18% 28%, rgba(28,118,255,.34), transparent 28%),
        radial-gradient(circle at 36% 70%, rgba(255,79,154,.14), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.08), transparent 30%);
      z-index: 2;
    }

    .owner-copy {
      position: absolute;
      z-index: 3;
      top: clamp(82px, 13vh, 148px);
      left: clamp(28px, 6vw, 92px);
      width: min(780px, 52vw);
      max-width: 780px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
    }

    .owner-kicker {
      margin: 0 0 18px;
      padding: 9px 14px;
      color: rgba(255,255,255,.84);
      background: rgba(255,255,255,.11);
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: 0 18px 42px rgba(0,0,0,.18);
      backdrop-filter: blur(18px);
    }

    .owner-welcome-title {
      max-width: 780px;
      margin: 0;
      color: rgba(255,255,255,.96);
      font-size: clamp(38px, 5.1vw, 78px);
      line-height: .92;
      font-weight: 1000;
      letter-spacing: -.07em;
      text-shadow: 0 18px 42px rgba(0,0,0,.38);
    }

    .owner-welcome-title .owner-line {
      display: block;
      margin-bottom: clamp(8px, 1vw, 14px);
      color: rgba(255,255,255,.88);
      font-size: .54em;
      letter-spacing: -.04em;
    }

    .owner-welcome-title .owner-name {
      display: block;
      font-size: 1.64em;
      line-height: .82;
      letter-spacing: -.105em;
      background:
        linear-gradient(108deg, #ffffff 0%, #e6f8ff 24%, #49c7ff 48%, #7d8cff 68%, #ffffff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 24px 42px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(38,157,255,.28));
    }

    .owner-welcome-title .owner-title-rest {
      display: block;
      margin-top: clamp(8px, 1vw, 14px);
      color: rgba(255,255,255,.96);
      font-size: .62em;
      letter-spacing: -.06em;
    }

    .owner-art-title {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      max-width: none;
      margin: 26px 0 0;
      padding: 11px 15px;
      border-radius: 999px;
      background: rgba(255,255,255,.11);
      border: 1px solid rgba(255,255,255,.16);
      font-family: "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
      font-size: clamp(15px, 1.25vw, 20px);
      line-height: 1.1;
      letter-spacing: .02em;
      font-weight: 1000;
      color: rgba(255,255,255,.88);
      text-shadow: 0 12px 30px rgba(0,0,0,.22);
      box-shadow: 0 18px 42px rgba(0,0,0,.16);
      backdrop-filter: blur(18px);
    }

    .owner-art-title span,
    .owner-art-title em {
      display: inline;
      background: none;
      -webkit-background-clip: initial;
      background-clip: initial;
      color: inherit;
      filter: none;
    }

    .owner-art-title em {
      padding-left: 0;
      color: #8ee8ff;
      font-size: 1em;
    }

    .owner-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 30px;
    }

    .owner-action {
      min-height: 52px;
      padding: 0 24px;
      border-radius: 999px;
      color: #fff;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      font-size: 16px;
      font-weight: 1000;
      box-shadow: 0 18px 46px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.14);
      backdrop-filter: blur(18px);
    }

    .owner-action.primary {
      color: #fff;
      background: linear-gradient(135deg, #1677ff 0%, #735cff 52%, #ff4f9a 100%);
      border-color: rgba(255,255,255,.18);
      box-shadow: 0 22px 52px rgba(22,119,255,.28);
    }

    .owner-live-stats {
      position: absolute;
      z-index: 3;
      left: clamp(28px, 6vw, 92px);
      right: clamp(28px, 6vw, 92px);
      bottom: clamp(22px, 3.8vh, 44px);
      width: auto;
      max-width: none;
      min-width: 0;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      padding: 10px;
      border-radius: 34px;
      background: rgba(4,10,20,.56);
      border: 1px solid rgba(255,255,255,.15);
      box-shadow: 0 28px 80px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.1);
      backdrop-filter: blur(22px);
    }

    .owner-live-card {
      min-height: 98px;
      padding: 18px 20px;
      border: 0;
      border-radius: 26px;
      background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045));
      box-shadow: none;
    }

    .owner-live-card strong {
      color: #fff;
      font-size: clamp(27px, 2.35vw, 38px);
      line-height: 1.04;
      letter-spacing: -.055em;
      white-space: normal;
    }

    .owner-live-card span {
      color: rgba(255,255,255,.66);
      font-size: 13px;
      line-height: 1.35;
    }

    .owner-section {
      width: min(1180px, calc(100% - 42px));
      padding: clamp(70px, 8vw, 116px) 0;
    }

    .owner-section-head {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, .8fr);
      align-items: end;
      gap: 28px;
      margin-bottom: 34px;
    }

    .owner-section-head p {
      color: #1677ff;
      font-weight: 1000;
      letter-spacing: .16em;
    }

    .owner-section-head h2 {
      max-width: 780px;
      color: #0d1422;
      font-size: clamp(34px, 4.4vw, 62px);
      line-height: 1.02;
      letter-spacing: -.07em;
    }

    .owner-note {
      padding: 24px 26px;
      color: #4b5565;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(15,23,42,.08);
      border-radius: 30px;
      box-shadow: 0 22px 70px rgba(15,23,42,.08);
      backdrop-filter: blur(16px);
    }

    .owner-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 18px;
    }

    .owner-card {
      grid-column: span 4;
      min-height: 250px;
      padding: 28px;
      border-radius: 34px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
      border: 1px solid rgba(15,23,42,.08);
      box-shadow: 0 24px 78px rgba(15,23,42,.08);
    }

    .owner-card.feature {
      grid-column: span 6;
      background:
        radial-gradient(circle at 86% 12%, rgba(22,119,255,.22), transparent 32%),
        linear-gradient(135deg, #07101f 0%, #12223f 100%);
      color: #fff;
    }

    .owner-card.green,
    .owner-card.blue {
      color: #fff;
      background:
        radial-gradient(circle at 84% 16%, rgba(255,255,255,.24), transparent 30%),
        linear-gradient(135deg, #0d1422 0%, #173b78 100%);
    }

    .owner-card.green {
      background:
        radial-gradient(circle at 84% 16%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg, #081d1d 0%, #0f8d83 100%);
    }

    .owner-card h3 {
      font-size: clamp(22px, 2vw, 30px);
      line-height: 1.16;
      letter-spacing: -.045em;
    }

    .owner-card p {
      margin-top: 14px;
      color: inherit;
      opacity: .72;
      line-height: 1.72;
    }

    .owner-card a {
      color: inherit;
      opacity: .95;
      font-weight: 1000;
    }

    .owner-stats {
      margin-top: 18px;
      padding: 18px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      border-radius: 34px;
      background: #07101f;
      box-shadow: 0 26px 90px rgba(15,23,42,.12);
    }

    .owner-stat {
      min-height: 142px;
      padding: 24px;
      border-radius: 26px;
      background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
      border: 1px solid rgba(255,255,255,.1);
    }

    .owner-stat strong {
      color: #fff;
    }

    .owner-stat span {
      color: rgba(255,255,255,.68);
    }

    .owner-flow {
      margin-top: 18px;
      padding: clamp(28px, 4vw, 44px);
      border-radius: 38px;
      background:
        radial-gradient(circle at 84% 24%, rgba(22,119,255,.16), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #eef5ff 100%);
      border: 1px solid rgba(15,23,42,.08);
      box-shadow: 0 24px 82px rgba(15,23,42,.08);
    }

    @media (max-width: 900px) {
      .owner-section-head {
        grid-template-columns: 1fr;
      }

      .owner-grid {
        grid-template-columns: 1fr;
      }

      .owner-card,
      .owner-card.feature {
        grid-column: auto;
      }

      .owner-stats {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 760px) {
      .owner-home {
        background:
          linear-gradient(180deg, #05070d 0%, #08101c 58%, #f6f8fc 58%, #ffffff 100%);
      }

      .owner-hero {
        min-height: auto;
        padding: 0;
        background: #05070d;
      }

      .owner-hero-card {
        min-height: auto;
        padding: 0 0 30px;
        border-radius: 0;
        background: #05070d;
      }

      .owner-hero-img {
        position: relative;
        inset: auto;
        width: 100%;
        height: min(43vh, 330px);
        object-fit: contain;
        object-position: center top;
        display: block;
        background: #07101f;
      }

      .owner-hero-card::before {
        inset: 0 0 auto 0;
        height: min(43vh, 330px);
        background:
          linear-gradient(180deg, rgba(5,7,13,.02) 0%, rgba(5,7,13,.08) 42%, rgba(5,7,13,.86) 100%);
      }

      .owner-hero-card::after {
        opacity: .82;
      }

      .owner-avatar-card {
        position: relative;
        top: auto;
        right: auto;
        width: 118px;
        margin: -30px 22px 0 auto;
        padding: 5px;
      }

      .owner-copy {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        max-width: none;
        margin: 12px 18px 0;
        padding: 22px 20px 24px;
        border-radius: 30px;
        background: linear-gradient(135deg, rgba(9,16,29,.78), rgba(13,24,44,.52));
        border: 1px solid rgba(255,255,255,.16);
        box-shadow: 0 24px 64px rgba(0,0,0,.22);
        backdrop-filter: blur(18px);
      }

      .owner-kicker {
        margin-bottom: 12px;
        font-size: 12px;
      }

      .owner-welcome-title {
        font-size: clamp(30px, 8.4vw, 42px);
        line-height: .96;
      }

      .owner-welcome-title .owner-line {
        margin-bottom: 7px;
        font-size: .58em;
      }

      .owner-welcome-title .owner-name {
        font-size: 1.58em;
      }

      .owner-welcome-title .owner-title-rest {
        margin-top: 8px;
        font-size: .66em;
      }

      .owner-art-title {
        margin-top: 18px;
        padding: 9px 12px;
        border-radius: 18px;
        font-size: 14px;
        line-height: 1.35;
        letter-spacing: 0;
      }

      .owner-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 22px;
      }

      .owner-action {
        min-height: 48px;
        padding: 0 8px;
        font-size: 15px;
      }

      .owner-live-stats {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: auto;
        margin: 16px 18px 0;
        padding: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 28px;
      }

      .owner-live-card {
        min-height: 98px;
        padding: 16px;
        border-radius: 22px;
      }

      .owner-live-card strong {
        font-size: clamp(23px, 6.2vw, 30px);
      }

      .owner-section {
        width: min(100% - 28px, 1180px);
        padding: 54px 0 70px;
      }

      .owner-section-head h2 {
        font-size: clamp(32px, 10vw, 44px);
      }

      .owner-note,
      .owner-card,
      .owner-flow {
        border-radius: 28px;
      }
    }

    /* Qiyuan readability and visual polish v3 */
    body {
      background: #07101f;
      color: #0f172a;
      text-rendering: optimizeLegibility;
    }

    .nav {
      background: rgba(5, 10, 20, .78);
      border-bottom: 1px solid rgba(255,255,255,.1);
      box-shadow: 0 18px 50px rgba(0,0,0,.18);
      backdrop-filter: blur(22px);
    }

    .brand,
    .links a {
      color: rgba(255,255,255,.9);
    }

    .links a:hover,
    .nav-page {
      color: #8ee8ff;
    }

    .page-hero {
      background:
        radial-gradient(circle at 16% 8%, rgba(56,189,248,.22), transparent 30%),
        radial-gradient(circle at 86% 20%, rgba(129,140,248,.18), transparent 30%),
        linear-gradient(135deg, #05070d 0%, #0b1730 58%, #101827 100%);
      color: #fff;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .page-hero .kicker,
    .section-title p {
      color: #7dd3fc;
      opacity: 1;
    }

    .page-hero .lead {
      color: rgba(239,246,255,.82);
      opacity: 1;
    }

    .page-hero .rainbow {
      background: linear-gradient(100deg, #ffffff 0%, #dff6ff 24%, #66d9ff 48%, #a5b4fc 76%, #ffffff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .secondary-link {
      color: #e8f7ff;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 14px 34px rgba(0,0,0,.12);
    }

    .card,
    .forum-panel,
    .club-panel,
    .account-panel,
    .account-box,
    .social-card,
    .support-card {
      color: #111827;
      background: rgba(255,255,255,.96);
      border-color: rgba(15,23,42,.08);
      box-shadow: 0 24px 72px rgba(2,8,23,.12);
    }

    .card p,
    .forum-panel p,
    .club-panel p,
    .account-panel p,
    .account-box p,
    .social-card p,
    .support-card p,
    .owner-card p,
    .owner-note {
      color: #435166;
      opacity: 1;
    }

    .card.dark,
    .card.blue,
    .card.green,
    .sound-library,
    .owner-card.feature,
    .owner-card.green,
    .owner-card.blue {
      color: #fff;
      border-color: rgba(255,255,255,.12);
    }

    .card.dark p,
    .card.blue p,
    .card.green p,
    .sound-library p,
    .owner-card.feature p,
    .owner-card.green p,
    .owner-card.blue p {
      color: rgba(239,246,255,.82);
      opacity: 1;
    }

    .player-status,
    .forum-message,
    .account-status,
    .top-account-status {
      color: #263449;
      background: rgba(255,255,255,.92);
      border-color: rgba(15,23,42,.1);
    }

    .owner-hero-card {
      background:
        linear-gradient(90deg, rgba(3,7,16,.88) 0%, rgba(3,7,16,.62) 34%, rgba(3,7,16,.16) 66%, rgba(3,7,16,.04) 100%),
        url("assets/a07-hero-generated.jpg") center center / cover no-repeat,
        linear-gradient(180deg, #05070d, #02040a);
    }

    .owner-copy {
      width: min(900px, 58vw);
      top: clamp(86px, 12vh, 140px);
    }

    .owner-kicker {
      color: #8ee8ff;
      background: rgba(7,16,31,.54);
    }

    .owner-welcome-title {
      max-width: 900px;
      font-size: clamp(50px, 6.2vw, 98px);
      line-height: .9;
      letter-spacing: -.075em;
    }

    .owner-welcome-title .owner-line {
      font-size: .48em;
      color: rgba(255,255,255,.86);
    }

    .owner-welcome-title .owner-name {
      font-size: 1.72em;
      letter-spacing: -.11em;
    }

    .owner-welcome-title .owner-title-rest {
      font-size: .5em;
      color: rgba(255,255,255,.94);
    }

    .owner-art-title {
      margin-top: 22px;
      padding: 12px 18px;
      border-radius: 999px;
      color: #eaf7ff;
      background: rgba(7,16,31,.52);
    }

    .owner-art-title em {
      color: #8ee8ff;
      letter-spacing: .04em;
    }

    .owner-live-stats {
      background: rgba(4,10,20,.68);
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .owner-live-card span {
      color: rgba(239,246,255,.78);
      opacity: 1;
    }

    @media (max-width: 980px) {
      .owner-live-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .article-card.is-hidden {
      display: none !important;
    }

    .article-filter {
      transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
    }

    .article-filter:hover {
      transform: translateY(-1px);
      border-color: rgba(125,211,252,.48);
    }

    .article-filter.active {
      box-shadow: 0 14px 34px rgba(52,211,153,.22);
    }

    .articles-count span {
      color: #c7d6ef;
    }

    .article-search input {
      color: #ffffff;
    }

    .article-card-summary {
      color: #d4def1;
    }

    /* Qiyuan readability emergency pass v4 */
    .page-hero {
      min-height: auto;
    }

    .page-hero h1 {
      max-width: 980px;
      color: #f8fbff !important;
      opacity: 1 !important;
      text-shadow: 0 8px 34px rgba(0,0,0,.38);
    }

    .page-hero .rainbow,
    .page-hero h1 .rainbow {
      background: none !important;
      -webkit-background-clip: initial !important;
      background-clip: initial !important;
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow:
        0 1px 0 rgba(255,255,255,.18),
        0 12px 42px rgba(56,189,248,.28),
        0 24px 80px rgba(0,0,0,.36);
    }

    .page-hero .lead,
    .page-hero .subpage-actions {
      position: relative;
      z-index: 1;
    }

    .section-title h2 {
      background: none !important;
      -webkit-background-clip: initial !important;
      background-clip: initial !important;
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow: 0 10px 38px rgba(0,0,0,.22);
    }

    .owner-flow {
      color: #0f172a !important;
      background:
        radial-gradient(circle at 88% 12%, rgba(59,130,246,.16), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(236,246,255,.94)) !important;
      border: 1px solid rgba(15,23,42,.08) !important;
      box-shadow: 0 24px 70px rgba(2,8,23,.12) !important;
    }

    .owner-flow h2,
    .owner-flow p,
    .owner-flow li {
      color: #0f172a !important;
      text-shadow: none !important;
      opacity: 1 !important;
    }

    .owner-flow p {
      color: #334155 !important;
    }

    .owner-flow li {
      background: rgba(255,255,255,.9) !important;
      border: 1px solid rgba(15,23,42,.07) !important;
      box-shadow: 0 12px 34px rgba(15,23,42,.06);
    }

    .owner-flow li span {
      color: #2563eb !important;
      background: rgba(37,99,235,.1);
      padding: 5px 8px;
      border-radius: 999px;
    }

    .owner-stat {
      color: #f8fbff !important;
      background: rgba(15,23,42,.78) !important;
      border-color: rgba(148,163,184,.22) !important;
    }

    .owner-stat strong {
      color: #ffffff !important;
    }

    .owner-stat span {
      color: #dbeafe !important;
      opacity: 1 !important;
    }

    .sound-library .metric {
      color: #0f172a !important;
      background: rgba(255,255,255,.92) !important;
      border-color: rgba(255,255,255,.72) !important;
    }

    .sound-library .metric strong {
      color: #101827 !important;
    }

    .sound-library .metric span {
      color: #334155 !important;
      opacity: 1 !important;
    }

    .sound-library .category-cloud span,
    .sound-library .pill {
      color: #0f172a !important;
      background: rgba(255,255,255,.88) !important;
      border-color: rgba(255,255,255,.7) !important;
    }

    .article-follow-card.card.green {
      color: #0f172a !important;
      background:
        radial-gradient(circle at 82% 14%, rgba(59,130,246,.12), transparent 32%),
        linear-gradient(135deg, #f7fffd, #e8fbff) !important;
      border-color: rgba(15,23,42,.08) !important;
    }

    .article-follow-card h3,
    .article-follow-card p,
    .article-follow-card .qr-caption {
      color: #0f172a !important;
      opacity: 1 !important;
      text-shadow: none !important;
    }

    .article-follow-card p,
    .article-follow-card .qr-caption {
      color: #334155 !important;
    }

    .article-follow-card .qr-frame {
      background: #ffffff !important;
      border-color: rgba(15,23,42,.08) !important;
      box-shadow: 0 18px 48px rgba(15,23,42,.12);
    }

    .articles-count,
    .article-search,
    .article-filters {
      background: rgba(15,23,42,.72) !important;
      border-color: rgba(148,163,184,.22) !important;
    }

    .articles-count strong,
    .article-search input {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
    }

    .articles-count span,
    .article-search span {
      color: #cfe6ff !important;
    }

    .article-search input::placeholder {
      color: rgba(207,230,255,.68) !important;
    }

    .article-filter {
      color: #eaf6ff !important;
      background: rgba(255,255,255,.1) !important;
      border-color: rgba(255,255,255,.2) !important;
    }

    .article-filter.active {
      color: #031226 !important;
      background: linear-gradient(135deg, #7dd3fc, #34d399) !important;
      border-color: transparent !important;
    }

    /* A07 wallpaper library */
    .wallpaper-hub {
      color: #f8fbff;
    }

    .wallpaper-panel {
      margin-top: -26px;
      position: relative;
      z-index: 2;
      padding: clamp(22px, 4vw, 40px);
      border-radius: 42px;
      background:
        radial-gradient(circle at 10% 0%, rgba(125,211,252,.2), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(129,140,248,.2), transparent 36%),
        linear-gradient(145deg, rgba(15,23,42,.92), rgba(2,6,23,.98));
      border: 1px solid rgba(148,163,184,.22);
      box-shadow: 0 32px 110px rgba(0,0,0,.28);
    }

    .wallpaper-toolbar {
      display: grid;
      grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
      gap: 16px;
      align-items: stretch;
    }

    .wallpaper-count,
    .wallpaper-search,
    .wallpaper-tip {
      border-radius: 28px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.13);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    }

    .wallpaper-count {
      padding: 20px 22px;
    }

    .wallpaper-count strong {
      display: block;
      font-size: clamp(44px, 6vw, 68px);
      line-height: .9;
      letter-spacing: -.06em;
    }

    .wallpaper-count span,
    .wallpaper-search span,
    .wallpaper-tip {
      color: #cfe6ff;
      font-weight: 800;
      line-height: 1.6;
    }

    .wallpaper-search {
      padding: 18px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 10px;
    }

    .wallpaper-search input {
      width: 100%;
      border: 0;
      outline: 0;
      color: #fff;
      background: transparent;
      font-size: clamp(20px, 3.2vw, 34px);
      font-weight: 1000;
      letter-spacing: -.05em;
    }

    .wallpaper-search input::placeholder {
      color: rgba(207,230,255,.58);
    }

    .wallpaper-filters {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 18px 0 22px;
    }

    .wallpaper-filter {
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px;
      padding: 10px 14px;
      color: #ecfeff;
      background: rgba(255,255,255,.08);
      cursor: pointer;
      font-weight: 900;
    }

    .wallpaper-filter.active {
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #a78bfa 58%, #f472b6);
      border-color: transparent;
    }

    .wallpaper-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 18px;
    }

    .wallpaper-card {
      overflow: hidden;
      border-radius: 30px;
      color: #0f172a;
      background: #f8fafc;
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: 0 24px 70px rgba(0,0,0,.18);
    }

    .wallpaper-preview {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #0b1220;
    }

    .wallpaper-preview img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transition: transform .35s ease;
    }

    .wallpaper-card:hover .wallpaper-preview img {
      transform: scale(1.035);
    }

    .wallpaper-category {
      position: absolute;
      left: 12px;
      top: 12px;
      padding: 7px 10px;
      border-radius: 999px;
      color: #fff;
      background: rgba(2,6,23,.72);
      backdrop-filter: blur(12px);
      font-size: 12px;
      font-weight: 900;
    }

    .wallpaper-body {
      padding: 18px;
    }

    .wallpaper-body h3 {
      margin: 0;
      color: #0f172a;
      font-size: 18px;
      line-height: 1.35;
      letter-spacing: -.03em;
    }

    .wallpaper-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
      color: #475569;
      font-size: 13px;
      font-weight: 850;
    }

    .wallpaper-meta span {
      padding: 7px 9px;
      border-radius: 999px;
      background: #edf2f7;
    }

    .wallpaper-download-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-top: 16px;
    }

    .wallpaper-download-row small {
      color: #64748b;
      font-weight: 850;
    }

    .wallpaper-button {
      border: 0;
      border-radius: 999px;
      min-height: 40px;
      padding: 0 16px;
      color: #fff;
      background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777);
      box-shadow: 0 14px 30px rgba(79,70,229,.22);
      cursor: pointer;
      font-weight: 1000;
      white-space: nowrap;
    }

    .wallpaper-button[disabled] {
      cursor: not-allowed;
      color: #64748b;
      background: #e2e8f0;
      box-shadow: none;
    }

    .wallpaper-tip {
      margin-top: 18px;
      padding: 16px 18px;
    }

    .wallpaper-status {
      min-height: 24px;
      margin: 12px 0 0;
      color: #cfe6ff;
      font-weight: 850;
    }

    @media (max-width: 760px) {
      .wallpaper-panel {
        border-radius: 30px;
      }

      .wallpaper-toolbar {
        grid-template-columns: 1fr;
      }

      .wallpaper-grid {
        grid-template-columns: 1fr;
      }
    }

    /* Qiyuan homepage hero image fix v5 */
    .owner-hero-card {
      background:
        linear-gradient(180deg, #05070d 0%, #02040a 100%) !important;
    }

    .owner-hero-img {
      object-fit: cover !important;
      object-position: center center !important;
      background: #05070d !important;
    }

    @media (max-width: 760px) {
      .owner-copy {
        width: auto;
      }

      .owner-welcome-title {
        font-size: clamp(36px, 10.2vw, 52px);
      }

      .owner-welcome-title .owner-name {
        font-size: 1.62em;
      }

      .owner-art-title {
        border-radius: 20px;
      }
    }

    /* Qiyuan homepage magazine redesign v8 */
    .owner-home {
      color: #f8fbff !important;
      background:
        radial-gradient(circle at 18% 8%, rgba(56,189,248,.14), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(124,58,237,.16), transparent 30%),
        linear-gradient(180deg, #020617 0%, #07111f 42%, #f3f7fb 42%, #eef4f9 100%) !important;
    }

    .owner-hero {
      min-height: calc(100svh - 58px) !important;
      padding: 0 !important;
      background: #020617 !important;
    }

    .owner-hero-card {
      width: 100% !important;
      max-width: none !important;
      min-height: calc(100svh - 58px) !important;
      border-radius: 0 !important;
      overflow: hidden !important;
      isolation: isolate;
      background: #020617 !important;
      box-shadow: none !important;
    }

    .owner-hero-img {
      position: absolute !important;
      inset: 0 !important;
      z-index: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center 46% !important;
      filter: brightness(.86) saturate(1.08) contrast(1.04) !important;
      transform: scale(1.015);
      background: #020617 !important;
    }

    .owner-hero-card::before {
      content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      z-index: 1 !important;
      pointer-events: none !important;
      background:
        linear-gradient(90deg, rgba(2,6,23,.96) 0%, rgba(2,6,23,.76) 24%, rgba(2,6,23,.32) 52%, rgba(2,6,23,.12) 100%),
        linear-gradient(0deg, rgba(2,6,23,.94) 0%, rgba(2,6,23,.18) 36%, rgba(2,6,23,.12) 100%) !important;
    }

    .owner-hero-card::after {
      content: "" !important;
      position: absolute !important;
      inset: auto -10% 0 -10% !important;
      z-index: 2 !important;
      height: 34vh !important;
      pointer-events: none !important;
      background:
        radial-gradient(ellipse at 24% 70%, rgba(236,72,153,.2), transparent 38%),
        radial-gradient(ellipse at 70% 72%, rgba(59,130,246,.2), transparent 40%),
        linear-gradient(180deg, transparent, rgba(2,6,23,.86)) !important;
      opacity: 1 !important;
    }

    .owner-avatar-card {
      z-index: 4 !important;
      top: clamp(88px, 10vh, 132px) !important;
      right: clamp(28px, 6vw, 88px) !important;
      width: clamp(106px, 11vw, 170px) !important;
      height: clamp(106px, 11vw, 170px) !important;
      padding: 6px !important;
      border-radius: 50% !important;
      background: rgba(255,255,255,.12) !important;
      border: 1px solid rgba(255,255,255,.32) !important;
      box-shadow: 0 22px 70px rgba(15,23,42,.46) !important;
      backdrop-filter: blur(16px);
    }

    .owner-avatar-card img {
      border-radius: 50% !important;
      border: 1px solid rgba(255,255,255,.5) !important;
    }

    .owner-copy {
      z-index: 3 !important;
      left: clamp(28px, 6vw, 92px) !important;
      top: clamp(96px, 15vh, 158px) !important;
      width: min(820px, 55vw) !important;
      padding: 0 !important;
      color: #fff !important;
    }

    .owner-kicker {
      width: fit-content !important;
      padding: 8px 13px !important;
      color: #b9f2ff !important;
      background: rgba(2,6,23,.48) !important;
      border: 1px solid rgba(125,211,252,.32) !important;
      box-shadow: 0 12px 34px rgba(14,165,233,.14) !important;
    }

    .owner-welcome-title {
      max-width: 860px !important;
      margin-top: 16px !important;
      color: #fff !important;
      font-size: clamp(58px, 7.2vw, 128px) !important;
      line-height: .86 !important;
      letter-spacing: -.08em !important;
      text-shadow: 0 24px 90px rgba(0,0,0,.46) !important;
    }

    .owner-welcome-title .owner-line {
      display: block !important;
      font-size: .43em !important;
      letter-spacing: -.04em !important;
      color: rgba(255,255,255,.9) !important;
    }

    .owner-welcome-title .owner-name {
      display: block !important;
      width: fit-content !important;
      font-size: 1.5em !important;
      letter-spacing: -.105em !important;
      background: linear-gradient(100deg, #fff 0%, #7dd3fc 34%, #818cf8 68%, #f0f9ff 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }

    .owner-welcome-title .owner-title-rest {
      display: block !important;
      margin-top: 4px !important;
      font-size: .48em !important;
      letter-spacing: -.055em !important;
      color: rgba(255,255,255,.96) !important;
    }

    .owner-art-title {
      width: fit-content !important;
      margin-top: 20px !important;
      padding: 11px 16px !important;
      border-radius: 999px !important;
      background: rgba(2,6,23,.5) !important;
      border: 1px solid rgba(125,211,252,.26) !important;
      box-shadow: 0 18px 48px rgba(0,0,0,.22) !important;
      backdrop-filter: blur(18px);
    }

    .owner-art-title em {
      color: #b9f2ff !important;
      font-style: normal !important;
      font-weight: 1000 !important;
    }

    .owner-actions {
      margin-top: 26px !important;
      gap: 12px !important;
    }

    .owner-action {
      min-height: 48px !important;
      padding: 0 18px !important;
      color: #f8fbff !important;
      background: rgba(255,255,255,.12) !important;
      border: 1px solid rgba(255,255,255,.22) !important;
      box-shadow: 0 18px 46px rgba(0,0,0,.2) !important;
      backdrop-filter: blur(16px);
    }

    .owner-action.primary {
      background: linear-gradient(135deg, #2563eb 0%, #7c3aed 58%, #ec4899 100%) !important;
      border-color: rgba(255,255,255,.18) !important;
      box-shadow: 0 22px 58px rgba(79,70,229,.34) !important;
    }

    .owner-live-stats {
      z-index: 4 !important;
      left: clamp(16px, 4vw, 70px) !important;
      right: clamp(16px, 4vw, 70px) !important;
      bottom: clamp(12px, 2vh, 24px) !important;
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 8px !important;
      padding: 9px !important;
      border-radius: 30px !important;
      background: rgba(5,12,24,.68) !important;
      border: 1px solid rgba(255,255,255,.16) !important;
      box-shadow: 0 28px 90px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12) !important;
      backdrop-filter: blur(24px);
    }

    .owner-live-card {
      box-sizing: border-box !important;
      min-height: 78px !important;
      padding: 12px 16px !important;
      border-radius: 22px !important;
      background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
      border: 1px solid rgba(255,255,255,.08) !important;
      box-shadow: none !important;
    }

    .owner-live-card strong {
      color: #fff !important;
      font-size: clamp(24px, 2vw, 38px) !important;
      line-height: 1.02 !important;
      letter-spacing: -.05em !important;
      white-space: nowrap !important;
    }

    .owner-live-card span {
      margin-top: 8px !important;
      color: rgba(226,242,255,.76) !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      font-weight: 850 !important;
    }

    .owner-section {
      width: min(1180px, calc(100% - 42px)) !important;
      padding: clamp(62px, 8vw, 110px) 0 !important;
      color: #0f172a !important;
    }

    .owner-section-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1.12fr) minmax(300px, .78fr) !important;
      gap: 22px !important;
      align-items: end !important;
      padding: clamp(24px, 4vw, 42px) !important;
      border-radius: 38px !important;
      background:
        radial-gradient(circle at 8% 0%, rgba(56,189,248,.18), transparent 38%),
        linear-gradient(135deg, #07111f 0%, #101d31 100%) !important;
      border: 1px solid rgba(255,255,255,.14) !important;
      box-shadow: 0 26px 80px rgba(15,23,42,.16) !important;
    }

    .owner-section-head p {
      color: #7dd3fc !important;
    }

    .owner-section-head h2 {
      max-width: 820px !important;
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      font-size: clamp(32px, 4.2vw, 58px) !important;
      line-height: .98 !important;
      letter-spacing: -.065em !important;
      text-shadow: none !important;
    }

    .owner-note {
      color: rgba(226,242,255,.78) !important;
      font-size: 16px !important;
      line-height: 1.8 !important;
    }

    .owner-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 18px !important;
      margin-top: 18px !important;
    }

    .owner-card {
      min-height: 300px !important;
      padding: 28px !important;
      border-radius: 34px !important;
      color: #0f172a !important;
      background:
        radial-gradient(circle at 90% 0%, rgba(59,130,246,.14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
      border: 1px solid rgba(15,23,42,.08) !important;
      box-shadow: 0 26px 76px rgba(15,23,42,.1) !important;
    }

    .owner-card.feature,
    .owner-card.green,
    .owner-card.blue {
      color: #f8fbff !important;
      border-color: rgba(255,255,255,.14) !important;
    }

    .owner-card.feature {
      grid-column: span 2 !important;
      background:
        radial-gradient(circle at 86% 14%, rgba(125,211,252,.3), transparent 32%),
        linear-gradient(135deg, #07111f 0%, #172554 100%) !important;
    }

    .owner-card.green {
      background:
        radial-gradient(circle at 88% 12%, rgba(74,222,128,.26), transparent 34%),
        linear-gradient(135deg, #062d2d 0%, #0f766e 100%) !important;
    }

    .owner-card.blue {
      background:
        radial-gradient(circle at 88% 12%, rgba(236,72,153,.22), transparent 34%),
        linear-gradient(135deg, #101d42 0%, #3730a3 100%) !important;
    }

    .owner-card h3 {
      color: inherit !important;
      font-size: clamp(26px, 3vw, 42px) !important;
      line-height: 1.05 !important;
      letter-spacing: -.055em !important;
    }

    .owner-card p {
      color: #516174 !important;
      font-size: 16px !important;
      line-height: 1.72 !important;
      font-weight: 760 !important;
    }

    .owner-card.feature p,
    .owner-card.green p,
    .owner-card.blue p {
      color: rgba(239,246,255,.82) !important;
    }

    .owner-card a {
      color: #fff !important;
      background: #111827 !important;
      border: 1px solid rgba(15,23,42,.08) !important;
      box-shadow: 0 16px 42px rgba(15,23,42,.16) !important;
    }

    .owner-card.feature a,
    .owner-card.green a,
    .owner-card.blue a {
      color: #06101f !important;
      background: rgba(255,255,255,.92) !important;
      border-color: rgba(255,255,255,.28) !important;
    }

    .owner-stats {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 12px !important;
      margin-top: 18px !important;
      padding: 12px !important;
      border-radius: 34px !important;
      background: #07111f !important;
      box-shadow: 0 26px 80px rgba(15,23,42,.12) !important;
    }

    .owner-stat {
      min-height: 150px !important;
      padding: 24px !important;
      border-radius: 26px !important;
      background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
      border: 1px solid rgba(255,255,255,.08) !important;
    }

    .owner-stat strong {
      color: #fff !important;
      font-size: clamp(34px, 4vw, 58px) !important;
    }

    .owner-stat span {
      color: rgba(226,242,255,.72) !important;
    }

    .owner-flow {
      display: grid !important;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1fr) !important;
      gap: 24px !important;
      margin-top: 18px !important;
      padding: clamp(26px, 4vw, 42px) !important;
      border-radius: 38px !important;
      color: #0f172a !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(125,211,252,.18), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #eef6ff 100%) !important;
      border: 1px solid rgba(15,23,42,.08) !important;
      box-shadow: 0 24px 78px rgba(15,23,42,.1) !important;
    }

    .owner-flow h2 {
      color: #0f172a !important;
      font-size: clamp(34px, 4.2vw, 58px) !important;
      line-height: 1 !important;
      letter-spacing: -.06em !important;
    }

    .owner-flow p,
    .owner-flow li {
      color: #435166 !important;
      opacity: 1 !important;
    }

    .owner-flow li {
      background: rgba(255,255,255,.78) !important;
      border-color: rgba(15,23,42,.06) !important;
      box-shadow: 0 12px 36px rgba(15,23,42,.06) !important;
    }

    @media (max-width: 1120px) {
      .owner-copy {
        width: min(760px, 62vw) !important;
      }

      .owner-avatar-card {
        width: 110px !important;
        height: 110px !important;
      }

      .owner-live-card {
        padding: 14px 12px !important;
      }

      .owner-live-card strong {
        font-size: clamp(21px, 2.1vw, 30px) !important;
      }
    }

    @media (max-width: 820px) {
      .owner-hero-card {
        min-height: 980px !important;
      }

      .owner-hero-img {
        object-position: 62% 50% !important;
      }

      .owner-hero-card::before {
        background:
          linear-gradient(180deg, rgba(2,6,23,.86) 0%, rgba(2,6,23,.5) 48%, rgba(2,6,23,.94) 100%) !important;
      }

      .owner-avatar-card {
        top: 78px !important;
        right: 20px !important;
        width: 86px !important;
        height: 86px !important;
      }

      .owner-copy {
        top: 148px !important;
        left: 22px !important;
        right: 22px !important;
        width: auto !important;
      }

      .owner-welcome-title {
        font-size: clamp(46px, 15vw, 72px) !important;
      }

      .owner-actions {
        gap: 10px !important;
      }

      .owner-action {
        min-height: 44px !important;
        padding: 0 14px !important;
        font-size: 14px !important;
      }

      .owner-live-stats {
        position: absolute !important;
        left: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 24px !important;
      }

      .owner-live-card {
        min-height: 82px !important;
      }

      .owner-section {
        width: min(100% - 24px, 1180px) !important;
        padding-top: 40px !important;
      }

      .owner-section-head,
      .owner-flow {
        grid-template-columns: 1fr !important;
        border-radius: 28px !important;
      }

      .owner-grid,
      .owner-stats {
        grid-template-columns: 1fr !important;
      }

      .owner-card.feature {
        grid-column: auto !important;
      }
    }

    .forum-author-name {
      display: inline-flex !important;
      align-items: center;
      gap: 7px;
      white-space: nowrap;
    }

    .forum-author-name strong {
      font: inherit;
      color: inherit;
    }

    .owner-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 3px 8px;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, #2563eb 0%, #7c3aed 52%, #ec4899 100%);
      box-shadow: 0 8px 22px rgba(79, 70, 229, .28);
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
      letter-spacing: .02em;
    }

    .member-title-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 3px 8px;
      border-radius: 999px;
      color: #24506b;
      background: linear-gradient(135deg, rgba(224,242,254,.98), rgba(219,234,254,.98));
      border: 1px solid rgba(96,165,250,.32);
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
      letter-spacing: .02em;
    }

    .forum-button.like {
      color: #244268;
      background: linear-gradient(135deg, #eef6ff, #ffffff);
      border: 1px solid rgba(96,165,250,.35);
    }

    .forum-button.like.active {
      color: #fff;
      background: linear-gradient(135deg, #2563eb, #7c3aed);
      box-shadow: 0 12px 28px rgba(37,99,235,.22);
    }

    .forum-like-count {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 14px;
      border-radius: 999px;
      color: #6e6e73;
      background: rgba(0,0,0,.06);
      font-size: 13px;
      font-weight: 850;
    }

    .account-center-panel h2 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
    }

    .account-profile-form {
      display: grid;
      gap: 12px;
      margin-top: 18px;
    }

    .account-profile-form label {
      display: grid;
      gap: 7px;
      color: #6e6e73;
      font-size: 13px;
      font-weight: 850;
    }

    .account-profile-form input,
    .account-profile-form select {
      width: 100%;
      min-height: 46px;
      border: 1px solid rgba(17,24,39,.12);
      border-radius: 16px;
      padding: 0 14px;
      color: #101725;
      background: rgba(255,255,255,.88);
      font: inherit;
      font-weight: 800;
      outline: none;
    }

    .account-profile-form input:focus,
    .account-profile-form select:focus {
      border-color: rgba(37,99,235,.44);
      box-shadow: 0 0 0 4px rgba(37,99,235,.12);
    }

    .account-title-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      max-height: 240px;
      overflow: auto;
      padding-right: 3px;
    }

    .account-title-chip {
      display: grid;
      gap: 4px;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.1);
      background: rgba(255,255,255,.78);
    }

    .account-title-chip strong {
      color: #101725;
      font-size: 13px;
      line-height: 1.3;
    }

    .account-title-chip small {
      color: #6e6e73;
      font-size: 12px;
      line-height: 1.35;
      font-weight: 750;
    }

    .account-title-chip.unlocked {
      border-color: rgba(37,99,235,.22);
      background: linear-gradient(135deg, rgba(239,246,255,.95), rgba(255,255,255,.9));
    }

    .account-title-chip.locked {
      opacity: .72;
      background: rgba(243,244,246,.74);
    }

    @media (max-width: 720px) {
      .account-title-list {
        grid-template-columns: 1fr;
      }
    }

    /* Qiyuan mobile polish v1: phone-first spacing, navigation and cards */
    html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }

    img,
    video,
    canvas,
    audio {
      max-width: 100%;
    }

    @media (max-width: 860px) {
      body {
        font-size: 15px;
      }

      .nav {
        height: auto !important;
        min-height: 58px !important;
        background: rgba(5, 10, 20, .82) !important;
        border-bottom-color: rgba(255,255,255,.12) !important;
      }

      .nav-inner {
        width: calc(100% - 20px) !important;
        min-height: 58px !important;
        padding: 8px 0 7px !important;
        flex-wrap: wrap !important;
        gap: 8px 10px !important;
        align-items: center !important;
      }

      .brand {
        min-width: 0 !important;
        max-width: calc(100% - 112px) !important;
        color: #f8fbff !important;
      }

      .brand-mark {
        flex: 0 0 auto !important;
      }

      .brand > span:last-child {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
      }

      .account-entry {
        margin-left: auto !important;
      }

      .account-trigger {
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
      }

      .links {
        order: 3 !important;
        display: flex !important;
        width: 100% !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 3px 1px 2px !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      .links::-webkit-scrollbar {
        display: none;
      }

      .links a {
        flex: 0 0 auto !important;
        padding: 8px 11px !important;
        border-radius: 999px !important;
        color: rgba(248,251,255,.84) !important;
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        font-size: 13px !important;
        font-weight: 850 !important;
      }

      .links a.nav-page {
        color: #07111f !important;
        background: linear-gradient(135deg, #7dd3fc, #a78bfa) !important;
        border-color: transparent !important;
      }

      .account-popover {
        position: fixed !important;
        top: 72px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-height: calc(100dvh - 88px) !important;
        overflow: auto !important;
        border-radius: 24px !important;
        z-index: 100 !important;
      }

      .page-hero,
      .hero {
        width: calc(100% - 24px) !important;
        padding: 36px 0 18px !important;
        text-align: left !important;
      }

      .page-hero h1,
      .hero h1 {
        max-width: 100% !important;
        font-size: clamp(34px, 11vw, 50px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.055em !important;
      }

      .kicker {
        margin-bottom: 10px !important;
        font-size: 14px !important;
      }

      .lead,
      .page-hero .lead {
        margin-top: 14px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
      }

      .subpage-actions,
      .actions,
      .home-hero-actions,
      .owner-actions,
      .account-actions,
      .top-account-actions {
        justify-content: flex-start !important;
        gap: 9px !important;
      }

      .button,
      .secondary-link,
      .home-action,
      .owner-action,
      .forum-button,
      .club-button,
      .account-button,
      .wallpaper-button,
      .top-account-button,
      .account-center-button {
        min-height: 44px !important;
      }

      .section,
      .owner-section,
      .account-center-page,
      .portal-grid,
      .visitor-strip {
        width: calc(100% - 22px) !important;
      }

      .section {
        padding: 18px 0 36px !important;
      }

      .section-title {
        padding: 34px 2px 16px !important;
        text-align: left !important;
      }

      .section-title h2,
      .home-section-head h2,
      .owner-section-head h2,
      .support h2 {
        font-size: clamp(28px, 9vw, 40px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.045em !important;
      }

      .grid,
      .portal-grid,
      .visitor-strip,
      .social-grid,
      .steps,
      .articles-toolbar,
      .articles-layout,
      .article-card-list,
      .club-layout,
      .forum-layout,
      .account-grid,
      .admin-grid,
      .admin-kpis,
      .admin-login,
      .admin-form-row,
      .admin-settings-grid,
      .wallpaper-toolbar,
      .sound-toolbar,
      .forum-toolbar {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .portal-card.wide,
      .card.wide,
      .owner-card.feature {
        grid-column: auto !important;
      }

      .card,
      .portal-card,
      .listen-panel,
      .account-panel,
      .account-box,
      .forum-panel,
      .club-panel,
      .club-card,
      .support,
      .account-center-hero,
      .account-center-panel,
      .wallpaper-panel,
      .social-card,
      .step,
      .article-card {
        min-height: auto !important;
        padding: 20px !important;
        border-radius: 26px !important;
      }

      .card h3,
      .portal-card h3,
      .forum-panel h3,
      .club-panel h3,
      .account-box h4,
      .account-center-panel h3 {
        font-size: clamp(24px, 7.6vw, 34px) !important;
        line-height: 1.12 !important;
      }

      .card p,
      .portal-card p,
      .forum-panel p,
      .club-panel p,
      .account-box p,
      .social-card p,
      .step p,
      .support p {
        font-size: 15px !important;
        line-height: 1.7 !important;
      }

      input,
      select,
      textarea {
        font-size: 16px !important;
      }

      .live-total,
      .sound-result-count {
        width: 100% !important;
        white-space: normal !important;
        text-align: left !important;
        border-radius: 18px !important;
      }

      .sound-metrics,
      .account-quota-row,
      .account-mini-grid,
      .account-stat-row {
        grid-template-columns: 1fr !important;
      }

      .sound-type-section {
        padding: 14px !important;
        border-radius: 24px !important;
      }

      .sound-type-head,
      .listen-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
      }

      .sound-type-count {
        align-self: flex-start !important;
      }

      .sound-type-section .sound-list {
        max-height: 65dvh !important;
        overflow: auto !important;
        padding-right: 2px !important;
      }

      .sound-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
        border-radius: 20px !important;
      }

      .sound-actions,
      .audio-actions,
      .forum-actions,
      .club-meta,
      .sound-meta,
      .sound-counts {
        gap: 7px !important;
      }

      .audio-player {
        width: 100% !important;
        min-width: 0 !important;
      }

      .wallpaper-grid {
        grid-template-columns: 1fr !important;
      }

      .wallpaper-panel {
        margin-top: 0 !important;
      }

      .wallpaper-download-row {
        align-items: stretch !important;
        flex-direction: column !important;
      }

      .wallpaper-button {
        width: 100% !important;
      }

      .article-filters {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 10px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      .article-filters::-webkit-scrollbar {
        display: none;
      }

      .article-filter {
        flex: 0 0 auto !important;
      }

      .article-card-top {
        align-items: flex-start !important;
        flex-direction: column !important;
      }

      .forum-meta,
      .forum-actions,
      .forum-author-name {
        white-space: normal !important;
      }

      .forum-actions button,
      .forum-button.like {
        flex: 1 1 auto !important;
      }

      .forum-post,
      .forum-reply,
      .account-history-item,
      .account-forum-item {
        overflow-wrap: anywhere !important;
      }

      .account-center-page {
        padding: 34px 0 42px !important;
      }

      .account-center-hero {
        overflow: hidden !important;
        align-items: start !important;
      }

      .account-center-hero h1 {
        font-size: clamp(34px, 10.5vw, 48px) !important;
        line-height: 1.02 !important;
      }

      .account-center-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
      }

      .account-center-button {
        width: 100% !important;
      }

      .account-title-list {
        max-height: 320px !important;
      }

      .qr-frame img,
      .qr-box img {
        max-width: min(240px, 100%) !important;
      }

      footer {
        width: calc(100% - 24px) !important;
        padding: 24px 0 34px !important;
        font-size: 12px !important;
        line-height: 1.65 !important;
      }
    }

    @media (max-width: 820px) {
      .owner-home {
        background:
          radial-gradient(circle at 26% 0%, rgba(56,189,248,.18), transparent 32%),
          linear-gradient(180deg, #020617 0%, #07111f 46%, #eef4f9 46%, #eef4f9 100%) !important;
      }

      .owner-hero {
        min-height: auto !important;
        padding: 0 !important;
      }

      .owner-hero-card {
        aspect-ratio: auto !important;
        min-height: calc(100svh - 94px) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding: 92px 14px 14px !important;
      }

      .owner-hero-img {
        object-fit: cover !important;
        object-position: 57% 50% !important;
        transform: scale(1.06) !important;
      }

      .owner-hero-card::before {
        background:
          linear-gradient(180deg, rgba(2,6,23,.78) 0%, rgba(2,6,23,.38) 34%, rgba(2,6,23,.94) 100%) !important;
      }

      .owner-avatar-card {
        position: absolute !important;
        top: 14px !important;
        right: 14px !important;
        width: 72px !important;
        height: 72px !important;
        padding: 4px !important;
      }

      .owner-copy {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .owner-kicker {
        margin-bottom: 10px !important;
        padding: 7px 10px !important;
        font-size: 12px !important;
      }

      .owner-welcome-title {
        max-width: 100% !important;
        margin-top: 10px !important;
        font-size: clamp(35px, 13.4vw, 58px) !important;
        line-height: .92 !important;
        letter-spacing: -.064em !important;
      }

      .owner-welcome-title .owner-name {
        font-size: 1.34em !important;
        letter-spacing: -.088em !important;
      }

      .owner-welcome-title .owner-title-rest {
        font-size: .52em !important;
        letter-spacing: -.04em !important;
      }

      .owner-art-title {
        max-width: 100% !important;
        margin-top: 12px !important;
        padding: 9px 12px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
      }

      .owner-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        margin-top: 16px !important;
      }

      .owner-action {
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
      }

      .owner-live-stats {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        margin-top: 16px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding: 7px !important;
        border-radius: 22px !important;
      }

      .owner-live-card {
        min-height: 68px !important;
        padding: 10px !important;
        border-radius: 17px !important;
      }

      .owner-live-card strong {
        font-size: clamp(20px, 7.2vw, 28px) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
      }

      .owner-live-card span {
        margin-top: 5px !important;
        font-size: 12px !important;
      }

      .owner-live-card:last-child {
        grid-column: 1 / -1 !important;
      }

      .owner-section {
        padding: 34px 0 !important;
      }

      .owner-section-head,
      .owner-flow {
        grid-template-columns: 1fr !important;
        padding: 20px !important;
        border-radius: 26px !important;
      }

      .owner-note {
        font-size: 15px !important;
        line-height: 1.72 !important;
      }

      .owner-grid,
      .owner-stats {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .owner-card,
      .owner-stat {
        min-height: auto !important;
        padding: 20px !important;
        border-radius: 26px !important;
      }

      .owner-stats {
        padding: 8px !important;
        border-radius: 26px !important;
      }

      .owner-flow h2 {
        font-size: clamp(30px, 9vw, 42px) !important;
      }
    }

    @media (max-width: 420px) {
      .brand > span:last-child {
        max-width: 150px !important;
      }

      .owner-actions {
        grid-template-columns: 1fr !important;
      }

      .owner-action {
        justify-content: center !important;
      }

      .owner-live-stats {
        grid-template-columns: 1fr !important;
      }

      .owner-live-card:last-child {
        grid-column: auto !important;
      }

      .sound-meta span,
      .sound-counts span,
      .forum-meta span,
      .status-badge,
      .pill,
      .category-cloud span {
        font-size: 12px !important;
      }
    }

    /* Qiyuan articles calm magazine redesign v1 */
    body.articles-page {
      color: #111827 !important;
      background:
        radial-gradient(circle at 12% 8%, rgba(72, 181, 255, .16), transparent 28%),
        radial-gradient(circle at 90% 12%, rgba(167, 139, 250, .14), transparent 30%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 42%, #f6f8fb 100%) !important;
    }

    body.articles-page::before,
    body.articles-page::after {
      opacity: .42 !important;
      filter: blur(26px);
    }

    .articles-page main {
      padding-top: 96px !important;
    }

    .articles-page .page-hero {
      position: relative;
      max-width: 1180px !important;
      min-height: 0 !important;
      margin: 0 auto 24px !important;
      padding: clamp(34px, 6vw, 76px) clamp(22px, 5vw, 70px) !important;
      overflow: hidden;
      color: #0f172a !important;
      background:
        linear-gradient(115deg, rgba(255, 255, 255, .96), rgba(233, 246, 255, .92) 58%, rgba(243, 237, 255, .94)),
        radial-gradient(circle at 84% 18%, rgba(37, 99, 235, .16), transparent 28%) !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      border-radius: clamp(30px, 5vw, 56px) !important;
      box-shadow: 0 28px 90px rgba(15, 23, 42, .11) !important;
    }

    .articles-page .page-hero::before {
      content: "";
      position: absolute;
      inset: auto -6% -34% auto;
      width: min(42vw, 420px);
      aspect-ratio: 1;
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(74, 222, 128, .26), transparent 61%),
        linear-gradient(135deg, rgba(59, 130, 246, .12), rgba(168, 85, 247, .14));
      pointer-events: none;
    }

    .articles-page .page-hero .kicker {
      width: max-content;
      margin-bottom: 18px !important;
      padding: 8px 13px !important;
      color: #0369a1 !important;
      background: rgba(14, 165, 233, .1) !important;
      border: 1px solid rgba(14, 165, 233, .18) !important;
      border-radius: 999px;
      letter-spacing: .12em !important;
    }

    .articles-page .page-hero h1 {
      max-width: 820px;
      margin: 0 !important;
      color: #0f172a !important;
      font-size: clamp(42px, 8vw, 86px) !important;
      line-height: .98 !important;
      letter-spacing: -.075em !important;
      text-shadow: none !important;
    }

    .articles-page .page-hero h1 .rainbow {
      color: #0f172a !important;
      background: linear-gradient(100deg, #0f172a 0%, #2563eb 45%, #7c3aed 78%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }

    .articles-page .page-hero .lead {
      max-width: 680px !important;
      margin-top: 22px !important;
      color: #475569 !important;
      font-size: clamp(17px, 2vw, 21px) !important;
      line-height: 1.75 !important;
      text-shadow: none !important;
    }

    .articles-page .page-hero .subpage-actions {
      margin-top: 28px !important;
      justify-content: flex-start !important;
    }

    .articles-page .page-hero .secondary-link {
      color: #0f172a !important;
      background: #ffffff !important;
      border: 1px solid rgba(15, 23, 42, .1) !important;
      box-shadow: 0 14px 34px rgba(15, 23, 42, .09) !important;
    }

    .articles-page .page-hero .secondary-link:first-child {
      color: #fff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
      border-color: transparent !important;
    }

    .articles-page .articles-hub {
      max-width: 1180px !important;
      margin: 0 auto !important;
      padding: clamp(18px, 3vw, 34px) 0 clamp(52px, 7vw, 92px) !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .articles-page .articles-hub .section-title {
      display: none !important;
    }

    .articles-page .articles-toolbar {
      position: sticky;
      top: 64px;
      z-index: 8;
      display: grid !important;
      grid-template-columns: minmax(150px, 190px) minmax(260px, 1fr) !important;
      gap: 14px !important;
      align-items: stretch !important;
      margin: 0 0 22px !important;
      padding: 14px !important;
      color: #0f172a !important;
      background: rgba(255, 255, 255, .86) !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      border-radius: 30px !important;
      box-shadow: 0 20px 70px rgba(15, 23, 42, .1) !important;
      backdrop-filter: blur(22px);
    }

    .articles-page .articles-count,
    .articles-page .article-search,
    .articles-page .article-filters {
      color: #0f172a !important;
      background: rgba(248, 250, 252, .88) !important;
      border: 1px solid rgba(15, 23, 42, .07) !important;
      border-radius: 22px !important;
      box-shadow: none !important;
    }

    .articles-page .articles-count {
      padding: 14px 16px !important;
    }

    .articles-page .articles-count strong {
      color: #111827 !important;
      -webkit-text-fill-color: #111827 !important;
      font-size: clamp(30px, 3.2vw, 42px) !important;
      line-height: 1 !important;
      letter-spacing: -.06em !important;
    }

    .articles-page .articles-count span {
      color: #64748b !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
    }

    .articles-page .article-search {
      padding: 13px 16px !important;
    }

    .articles-page .article-search span {
      color: #64748b !important;
      letter-spacing: .06em !important;
    }

    .articles-page .article-search input {
      min-height: 44px !important;
      color: #0f172a !important;
      -webkit-text-fill-color: #0f172a !important;
      background: #ffffff !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      border-radius: 16px !important;
      padding: 0 14px !important;
      font-weight: 800 !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
    }

    .articles-page .article-search input::placeholder {
      color: #94a3b8 !important;
      -webkit-text-fill-color: #94a3b8 !important;
    }

    .articles-page .article-filters {
      grid-column: 1 / -1 !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      gap: 10px !important;
      overflow-x: auto !important;
      padding: 10px !important;
      -webkit-overflow-scrolling: touch;
    }

    .articles-page .article-filters::-webkit-scrollbar {
      display: none;
    }

    .articles-page .article-filter {
      flex: 0 0 auto !important;
      color: #334155 !important;
      background: #ffffff !important;
      border: 1px solid rgba(15, 23, 42, .09) !important;
      box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
    }

    .articles-page .article-filter.active {
      color: #fff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
      border-color: transparent !important;
      box-shadow: 0 14px 30px rgba(37, 99, 235, .22) !important;
    }

    .articles-page .articles-layout {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
      gap: 22px !important;
      align-items: start !important;
    }

    .articles-page .article-card-list {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 14px !important;
      order: 1;
    }

    .articles-page .article-follow-card {
      position: sticky !important;
      top: 190px !important;
      order: 2;
      color: #0f172a !important;
      background:
        radial-gradient(circle at 82% 8%, rgba(37, 99, 235, .12), transparent 32%),
        linear-gradient(180deg, #ffffff, #f7fbff) !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      box-shadow: 0 24px 70px rgba(15, 23, 42, .1) !important;
    }

    .articles-page .article-follow-card h3 {
      color: #0f172a !important;
      font-size: 24px !important;
      line-height: 1.18 !important;
      letter-spacing: -.04em !important;
      text-shadow: none !important;
    }

    .articles-page .article-follow-card p,
    .articles-page .article-follow-card .qr-caption {
      color: #64748b !important;
      line-height: 1.75 !important;
      text-shadow: none !important;
    }

    .articles-page .article-follow-card .qr-frame {
      background: #ffffff !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      box-shadow: 0 16px 44px rgba(15, 23, 42, .08) !important;
    }

    .articles-page .article-card {
      position: relative;
      min-height: 0 !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 12px 20px !important;
      align-items: start !important;
      padding: clamp(20px, 3vw, 30px) !important;
      color: #111827 !important;
      background: rgba(255, 255, 255, .94) !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      border-radius: 28px !important;
      box-shadow: 0 16px 48px rgba(15, 23, 42, .075) !important;
      text-decoration: none !important;
      overflow: hidden;
    }

    .articles-page .article-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 5px;
      background: linear-gradient(180deg, #38bdf8, #6366f1, #a855f7);
      opacity: .82;
    }

    .articles-page .article-card:hover {
      transform: translateY(-2px) !important;
      border-color: rgba(37, 99, 235, .22) !important;
      box-shadow: 0 24px 70px rgba(37, 99, 235, .12) !important;
    }

    .articles-page .article-card-top {
      grid-column: 1 / -1;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 10px !important;
      color: #64748b !important;
      font-size: 13px !important;
    }

    .articles-page .article-card-top em {
      color: #1d4ed8 !important;
      background: #eff6ff !important;
      border: 1px solid rgba(37, 99, 235, .1);
      border-radius: 999px;
      padding: 6px 10px;
      font-style: normal;
    }

    .articles-page .article-card-top time {
      color: #64748b !important;
      font-weight: 800;
    }

    .articles-page .article-card strong {
      color: #0f172a !important;
      font-size: clamp(20px, 2.4vw, 29px) !important;
      line-height: 1.36 !important;
      letter-spacing: -.045em !important;
      max-width: 860px;
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .articles-page .article-card-summary {
      grid-column: 1 / -1;
      max-width: 760px;
      color: #475569 !important;
      font-size: 15px !important;
      line-height: 1.82 !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .articles-page .article-card-link {
      grid-column: 2;
      grid-row: 2 / span 2;
      align-self: center;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 16px;
      color: #fff !important;
      background: linear-gradient(135deg, #111827, #2563eb) !important;
      border-radius: 999px;
      font-size: 14px !important;
      white-space: nowrap;
      box-shadow: 0 14px 28px rgba(37, 99, 235, .18);
    }

    .articles-page .article-card:nth-child(1) {
      min-height: 230px !important;
      padding: clamp(24px, 4vw, 42px) !important;
      color: #fff !important;
      background:
        linear-gradient(135deg, rgba(8, 15, 32, .94), rgba(30, 64, 175, .9)),
        radial-gradient(circle at 92% 0%, rgba(56, 189, 248, .32), transparent 36%) !important;
      border-color: rgba(147, 197, 253, .24) !important;
      box-shadow: 0 28px 80px rgba(30, 64, 175, .22) !important;
    }

    .articles-page .article-card:nth-child(1)::before {
      width: 100%;
      opacity: .18;
      background:
        radial-gradient(circle at 80% 18%, rgba(125, 211, 252, .9), transparent 18%),
        linear-gradient(120deg, transparent, rgba(255,255,255,.2), transparent);
    }

    .articles-page .article-card:nth-child(1) .article-card-top,
    .articles-page .article-card:nth-child(1) .article-card-top time,
    .articles-page .article-card:nth-child(1) .article-card-summary {
      color: rgba(238, 246, 255, .78) !important;
    }

    .articles-page .article-card:nth-child(1) strong {
      color: #fff !important;
      font-size: clamp(26px, 4vw, 42px) !important;
      max-width: 760px;
      -webkit-line-clamp: 2;
    }

    .articles-page .article-card:nth-child(1) .article-card-top em {
      color: #e0f2fe !important;
      background: rgba(255,255,255,.12) !important;
      border-color: rgba(255,255,255,.18);
    }

    .articles-page .article-card:nth-child(1) .article-card-link {
      color: #0f172a !important;
      background: #ffffff !important;
      box-shadow: 0 18px 36px rgba(0,0,0,.18);
    }

    .articles-page #articleEmptyState {
      color: #475569 !important;
      background: #ffffff !important;
      border: 1px solid rgba(15,23,42,.08) !important;
      border-radius: 24px !important;
      box-shadow: 0 16px 48px rgba(15,23,42,.08) !important;
    }

    .articles-page .article-card[hidden],
    .articles-page .article-card.is-hidden {
      display: none !important;
    }

    @media (max-width: 960px) {
      .articles-page main {
        padding-top: 52px !important;
      }

      .articles-page .page-hero,
      .articles-page .articles-hub {
        width: calc(100% - 28px) !important;
      }

      .articles-page .articles-toolbar {
        position: relative;
        top: auto;
        grid-template-columns: 1fr !important;
        border-radius: 26px !important;
      }

      .articles-page .articles-layout {
        grid-template-columns: 1fr !important;
      }

      .articles-page .article-follow-card {
        position: static !important;
        order: 2;
      }
    }

    @media (max-width: 640px) {
      .articles-page main {
        padding-top: 28px !important;
      }

      .articles-page .page-hero {
        padding: 32px 20px !important;
        border-radius: 34px !important;
      }

      .articles-page .page-hero .subpage-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }

      .articles-page .article-card {
        grid-template-columns: 1fr !important;
        border-radius: 24px !important;
      }

      .articles-page .article-card-link {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: max-content;
      }
    }

    /* Homepage mobile first-screen polish */
    .owner-mobile-brief {
      display: none;
    }

    @media (max-width: 820px) {
      body.home-page .nav {
        height: auto !important;
        min-height: 94px !important;
        background: rgba(3, 8, 18, .9) !important;
      }

      body.home-page .nav-inner {
        width: calc(100% - 24px) !important;
        min-height: 94px !important;
        padding: 8px 0 7px !important;
        flex-wrap: wrap !important;
        gap: 7px 10px !important;
        align-items: center !important;
      }

      body.home-page .brand {
        max-width: calc(100% - 108px) !important;
        min-height: 44px !important;
      }

      body.home-page .brand > span:last-child {
        font-size: 13px !important;
      }

      body.home-page .links {
        order: 3 !important;
        display: flex !important;
        width: 100% !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 2px 1px 4px !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      body.home-page .links::-webkit-scrollbar {
        display: none;
      }

      body.home-page .links a {
        flex: 0 0 auto !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 7px 11px !important;
        border-radius: 999px !important;
        color: rgba(248,251,255,.86) !important;
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        font-size: 13px !important;
        font-weight: 850 !important;
      }

      body.home-page .links a.nav-page {
        color: #07111f !important;
        background: linear-gradient(135deg, #7dd3fc, #a78bfa) !important;
        border-color: transparent !important;
      }

      body.home-page .account-entry {
        flex: 0 0 auto !important;
        margin-left: auto !important;
      }

      body.home-page .account-trigger {
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
      }

      body.home-page .account-popover {
        top: 104px !important;
      }

      body.home-page .owner-home {
        background:
          radial-gradient(circle at 28% 0%, rgba(56,189,248,.17), transparent 31%),
          linear-gradient(180deg, #020617 0%, #07111f 43%, #eef4f9 43%, #eef4f9 100%) !important;
      }

      body.home-page .owner-hero-card {
        min-height: calc(100svh - 94px) !important;
        padding: 86px 14px 14px !important;
      }

      body.home-page .owner-avatar-card {
        top: 42px !important;
        right: 14px !important;
        width: 56px !important;
        height: 56px !important;
      }

      body.home-page .owner-copy {
        padding: 0 4px !important;
      }

      body.home-page .owner-kicker {
        margin-bottom: 9px !important;
        padding: 7px 10px !important;
        max-width: 100% !important;
        font-size: 12px !important;
      }

      body.home-page .owner-welcome-title {
        margin-top: 6px !important;
        font-size: clamp(31px, 11.8vw, 48px) !important;
        line-height: .96 !important;
      }

      body.home-page .owner-welcome-title .owner-line {
        margin-bottom: 5px !important;
        font-size: .5em !important;
      }

      body.home-page .owner-welcome-title .owner-name {
        font-size: 1.24em !important;
        line-height: .86 !important;
      }

      body.home-page .owner-welcome-title .owner-title-rest {
        margin-top: 6px !important;
        font-size: .54em !important;
      }

      body.home-page .owner-art-title {
        margin-top: 10px !important;
        padding: 7px 10px !important;
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
      }

      body.home-page .owner-mobile-brief {
        display: block;
        max-width: 330px;
        margin: 9px 0 0;
        color: rgba(238, 246, 255, .82);
        font-size: 13px;
        line-height: 1.48;
        text-shadow: 0 10px 28px rgba(0,0,0,.38);
      }

      body.home-page .owner-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 13px !important;
      }

      body.home-page .owner-action {
        min-height: 46px !important;
        padding: 0 8px !important;
        border-radius: 17px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        text-align: center !important;
      }

      body.home-page .owner-live-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin-top: 12px !important;
        padding: 6px !important;
        border-radius: 19px !important;
      }

      body.home-page .owner-live-card {
        min-height: 58px !important;
        padding: 8px 6px !important;
        border-radius: 14px !important;
      }

      body.home-page .owner-live-card strong {
        font-size: clamp(17px, 5.8vw, 23px) !important;
      }

      body.home-page .owner-live-card span {
        margin-top: 3px !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
      }

      body.home-page .owner-live-card:last-child {
        grid-column: auto !important;
      }

      body.home-page .owner-section {
        padding-top: 26px !important;
      }
    }

    @media (max-width: 420px) {
      body.home-page .brand > span:last-child {
        max-width: 154px !important;
      }

      body.home-page .owner-hero-card {
        min-height: auto !important;
        padding-top: 86px !important;
      }

      body.home-page .owner-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      body.home-page .owner-live-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }

    /* Qiyuan forum compose + subtle motion v1 */
    .forum-layout.compose-closed {
      grid-template-columns: 1fr !important;
    }

    .forum-feed-panel {
      min-width: 0;
    }

    .forum-compose-entry {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin: 18px 0 8px;
      padding: 14px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 24px;
      background:
        radial-gradient(circle at 88% 10%, rgba(56,189,248,.18), transparent 32%),
        rgba(255,255,255,.06);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    }

    .forum-compose-entry span {
      color: #475569 !important;
      font-size: 14px;
      font-weight: 760;
      line-height: 1.5;
    }

    .forum-compose-panel[hidden] {
      display: none !important;
    }

    .forum-compose-panel {
      position: sticky;
      top: 84px;
    }

    .forum-compose-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }

    .forum-compose-head h3,
    .forum-compose-head p {
      margin-left: 0;
      margin-right: 0;
    }

    .forum-compose-close {
      flex: 0 0 auto;
    }

    .forum-image-preview-card {
      position: relative;
    }

    .forum-insert-image {
      width: calc(100% - 14px);
      min-height: 34px;
      margin: 0 7px 8px;
      border: 0;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, #2563eb, #7c3aed);
      font-size: 12px;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 10px 22px rgba(37, 99, 235, .24);
    }

    .forum-inline-image {
      max-width: min(100%, 680px);
      margin: 14px 0;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 24px;
      background: rgba(255,255,255,.08);
      box-shadow: 0 18px 48px rgba(0,0,0,.2);
    }

    .forum-inline-image img {
      width: 100%;
      max-height: 520px;
      object-fit: contain;
      display: block;
      background: rgba(3, 8, 20, .42);
    }

    .forum-inline-image figcaption {
      padding: 9px 12px;
      color: rgba(230, 242, 255, .68);
      font-size: 12px;
      font-weight: 800;
    }

    .forum-post-body .forum-image-grid {
      max-width: min(100%, 680px);
    }

    .forum-text-segment {
      margin: 0;
    }

    .forum-text-segment + .forum-text-segment {
      margin-top: 10px;
    }

    @media (max-width: 960px) {
      .forum-compose-entry,
      .forum-compose-head {
        align-items: stretch;
        flex-direction: column;
      }

      .forum-compose-panel {
        position: static;
      }
    }

    @media (max-width: 640px) {
      body.forum-page .page-hero {
        width: calc(100% - 28px) !important;
        padding: 30px 22px !important;
        overflow: hidden !important;
      }

      body.forum-page .page-hero h1 {
        max-width: 100% !important;
        font-size: clamp(46px, 16vw, 62px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.06em !important;
      }

      body.forum-page .page-hero .lead {
        max-width: 100% !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
      }

      body.forum-page .section-title h2 {
        font-size: clamp(34px, 10vw, 46px) !important;
        line-height: 1.12 !important;
      }
    }

    /* Qiyuan articles dark paged redesign v2 */
    body.articles-page {
      color: #eef6ff !important;
      background:
        radial-gradient(circle at 12% 0%, rgba(53, 120, 255, .28), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(125, 77, 255, .22), transparent 34%),
        radial-gradient(circle at 46% 92%, rgba(0, 214, 255, .1), transparent 36%),
        linear-gradient(180deg, #050914 0%, #08111f 42%, #050914 100%) !important;
    }

    body.articles-page::before,
    body.articles-page::after {
      opacity: .72 !important;
      filter: blur(30px);
    }

    .articles-page main {
      padding-top: 92px !important;
    }

    .articles-page .page-hero {
      color: #f8fbff !important;
      background:
        linear-gradient(115deg, rgba(10, 18, 34, .92), rgba(18, 39, 76, .82) 58%, rgba(57, 36, 103, .78)),
        radial-gradient(circle at 82% 18%, rgba(98, 197, 255, .26), transparent 30%) !important;
      border: 1px solid rgba(161, 203, 255, .22) !important;
      box-shadow: 0 36px 120px rgba(0, 0, 0, .42) !important;
    }

    .articles-page .page-hero::before {
      background:
        radial-gradient(circle, rgba(56, 189, 248, .24), transparent 62%),
        linear-gradient(135deg, rgba(72, 181, 255, .18), rgba(168, 85, 247, .2)) !important;
      opacity: .9;
    }

    .articles-page .page-hero .kicker {
      color: #9fe8ff !important;
      background: rgba(125, 211, 252, .11) !important;
      border-color: rgba(125, 211, 252, .28) !important;
    }

    .articles-page .page-hero h1,
    .articles-page .page-hero h1 .rainbow {
      color: #f8fbff !important;
      background: linear-gradient(100deg, #ffffff 0%, #a7e8ff 34%, #5f8cff 62%, #c084fc 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      text-shadow: 0 28px 80px rgba(0, 0, 0, .34) !important;
    }

    .articles-page .page-hero .lead {
      color: rgba(230, 242, 255, .86) !important;
      text-shadow: 0 10px 26px rgba(0, 0, 0, .24) !important;
    }

    .articles-page .page-hero .secondary-link {
      color: #eff6ff !important;
      background: rgba(255, 255, 255, .1) !important;
      border-color: rgba(255, 255, 255, .18) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
    }

    .articles-page .page-hero .secondary-link:first-child,
    .articles-page .page-hero .secondary-link:hover {
      color: #fff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
      border-color: transparent !important;
    }

    .articles-page .articles-toolbar {
      color: #eef6ff !important;
      background: rgba(8, 15, 29, .82) !important;
      border: 1px solid rgba(162, 197, 255, .16) !important;
      box-shadow: 0 24px 84px rgba(0, 0, 0, .34) !important;
    }

    .articles-page .articles-count,
    .articles-page .article-search,
    .articles-page .article-filters {
      color: #eef6ff !important;
      background: rgba(255, 255, 255, .075) !important;
      border-color: rgba(255, 255, 255, .12) !important;
    }

    .articles-page .articles-count strong {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      text-shadow: 0 16px 38px rgba(64, 153, 255, .24) !important;
    }

    .articles-page .articles-count span,
    .articles-page .article-search span {
      color: rgba(221, 235, 255, .78) !important;
    }

    .articles-page .article-search input {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      background: rgba(3, 8, 20, .6) !important;
      border-color: rgba(162, 197, 255, .16) !important;
    }

    .articles-page .article-search input::placeholder {
      color: rgba(210, 226, 255, .58) !important;
      -webkit-text-fill-color: rgba(210, 226, 255, .58) !important;
    }

    .articles-page .article-filter {
      color: rgba(232, 241, 255, .86) !important;
      background: rgba(255, 255, 255, .08) !important;
      border-color: rgba(255, 255, 255, .14) !important;
      box-shadow: none !important;
    }

    .articles-page .article-filter.active {
      color: #fff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
      border-color: transparent !important;
      box-shadow: 0 14px 30px rgba(53, 120, 255, .28) !important;
    }

    .articles-page .article-follow-card,
    .articles-page .article-follow-card.card.green {
      color: #eef6ff !important;
      background:
        radial-gradient(circle at 85% 8%, rgba(56, 189, 248, .2), transparent 32%),
        linear-gradient(180deg, rgba(17, 28, 52, .94), rgba(10, 17, 32, .92)) !important;
      border-color: rgba(162, 197, 255, .18) !important;
      box-shadow: 0 24px 80px rgba(0, 0, 0, .34) !important;
    }

    .articles-page .article-follow-card h3 {
      color: #ffffff !important;
    }

    .articles-page .article-follow-card p,
    .articles-page .article-follow-card .qr-caption {
      color: rgba(225, 236, 255, .76) !important;
    }

    .articles-page .article-follow-card .qr-frame {
      background: rgba(255, 255, 255, .94) !important;
      border-color: rgba(255, 255, 255, .18) !important;
      box-shadow: 0 18px 56px rgba(0, 0, 0, .28) !important;
    }

    .articles-page .article-follow-card .qr-frame .qr-caption {
      color: #64748b !important;
    }

    .articles-page .article-card,
    .articles-page .article-card:nth-child(1) {
      min-height: 0 !important;
      padding: clamp(20px, 3vw, 30px) !important;
      color: #eef6ff !important;
      background:
        linear-gradient(135deg, rgba(17, 28, 52, .94), rgba(10, 17, 32, .92)) !important;
      border: 1px solid rgba(162, 197, 255, .16) !important;
      border-radius: 28px !important;
      box-shadow: 0 18px 58px rgba(0, 0, 0, .28) !important;
    }

    .articles-page .article-card::before,
    .articles-page .article-card:nth-child(1)::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 5px !important;
      opacity: .9 !important;
      background: linear-gradient(180deg, #38bdf8, #6366f1, #a855f7) !important;
    }

    .articles-page .article-card:hover {
      transform: translateY(-2px) !important;
      border-color: rgba(125, 211, 252, .34) !important;
      box-shadow: 0 26px 78px rgba(37, 99, 235, .24) !important;
    }

    .articles-page .article-card-top,
    .articles-page .article-card:nth-child(1) .article-card-top,
    .articles-page .article-card:nth-child(1) .article-card-top time,
    .articles-page .article-card:nth-child(1) .article-card-summary {
      color: rgba(225, 236, 255, .72) !important;
    }

    .articles-page .article-card-top em,
    .articles-page .article-card:nth-child(1) .article-card-top em {
      color: #b9ecff !important;
      background: rgba(125, 211, 252, .12) !important;
      border-color: rgba(125, 211, 252, .22) !important;
    }

    .articles-page .article-card-top time {
      color: rgba(225, 236, 255, .72) !important;
    }

    .articles-page .article-card strong,
    .articles-page .article-card:nth-child(1) strong {
      color: #ffffff !important;
      font-size: clamp(20px, 2.25vw, 28px) !important;
      text-shadow: 0 14px 38px rgba(0, 0, 0, .28) !important;
    }

    .articles-page .article-card-summary {
      color: rgba(225, 236, 255, .76) !important;
    }

    .articles-page .article-card-link,
    .articles-page .article-card:nth-child(1) .article-card-link {
      color: #ffffff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
      box-shadow: 0 14px 30px rgba(53, 120, 255, .22) !important;
    }

    .articles-page #articleEmptyState {
      color: rgba(225, 236, 255, .82) !important;
      background: rgba(17, 28, 52, .9) !important;
      border-color: rgba(162, 197, 255, .16) !important;
      box-shadow: 0 18px 58px rgba(0, 0, 0, .28) !important;
    }

    .articles-page .article-pagination {
      max-width: 1180px;
      margin: 24px auto 0;
      padding: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
      color: #eef6ff;
      background: rgba(8, 15, 29, .76);
      border: 1px solid rgba(162, 197, 255, .16);
      border-radius: 28px;
      box-shadow: 0 22px 74px rgba(0, 0, 0, .3);
      backdrop-filter: blur(18px);
    }

    .articles-page .article-pagination[hidden] {
      display: none !important;
    }

    .articles-page .article-page-numbers {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .articles-page .article-page-button,
    .articles-page .article-page-number {
      min-width: 44px;
      min-height: 42px;
      padding: 0 15px;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 999px;
      color: rgba(238, 246, 255, .9);
      background: rgba(255, 255, 255, .08);
      font-weight: 900;
      cursor: pointer;
    }

    .articles-page .article-page-number.active {
      color: #fff;
      background: linear-gradient(135deg, #2563eb, #7c3aed);
      border-color: transparent;
      box-shadow: 0 14px 30px rgba(53, 120, 255, .28);
    }

    .articles-page .article-page-button:disabled {
      cursor: not-allowed;
      opacity: .4;
    }

    .articles-page .article-page-status {
      color: rgba(225, 236, 255, .68);
      font-size: 13px;
      font-weight: 800;
    }

    .articles-page .article-card[hidden],
    .articles-page .article-card.is-hidden {
      display: none !important;
    }

    @media (max-width: 960px) {
      .articles-page main {
        padding-top: 52px !important;
      }

      .articles-page .articles-toolbar {
        top: auto;
      }

      .articles-page .article-pagination {
        width: calc(100% - 28px);
      }
    }

    @media (max-width: 640px) {
      .articles-page main {
        padding-top: 28px !important;
      }

      .articles-page .article-page-button,
      .articles-page .article-page-number {
        min-width: 42px;
        min-height: 40px;
        padding: 0 13px;
      }

      .articles-page .article-page-status {
        width: 100%;
        text-align: center;
      }
    }

    /* Wallpaper library browsing polish */
    .wallpapers-page .wallpaper-grid {
      align-items: start;
    }

    .wallpapers-page .wallpaper-card {
      min-width: 0;
    }

    .wallpapers-page .wallpaper-card-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
    }

    .wallpapers-page .wallpaper-preview-button,
    .wallpapers-page .wallpaper-more-button {
      min-height: 42px;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      font-weight: 1000;
      white-space: nowrap;
    }

    .wallpapers-page .wallpaper-preview-button {
      padding: 0 15px;
      color: #0f172a;
      background: #e0f2fe;
      box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .12);
    }

    .wallpapers-page .wallpaper-more-button {
      min-width: min(100%, 280px);
      padding: 0 24px;
      color: #ffffff;
      background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777);
      box-shadow: 0 18px 42px rgba(79, 70, 229, .28);
    }

    .wallpapers-page .wallpaper-more-button[hidden] {
      display: none !important;
    }

    .wallpapers-page .wallpaper-load-more {
      margin: 24px auto 0;
      padding: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      color: rgba(225, 236, 255, .76);
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .13);
      border-radius: 26px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      font-size: 13px;
      font-weight: 850;
    }

    .wallpapers-page .wallpaper-load-more[hidden] {
      display: none !important;
    }

    .wallpaper-preview-open {
      overflow: hidden;
    }

    .wallpaper-preview-modal {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: grid;
      place-items: center;
      padding: 22px;
    }

    .wallpaper-preview-modal[hidden] {
      display: none !important;
    }

    .wallpaper-preview-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(2, 6, 23, .82);
    }

    .wallpaper-preview-dialog {
      position: relative;
      width: min(100%, 980px);
      max-height: calc(100dvh - 44px);
      overflow: hidden;
      color: #eef6ff;
      background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(2, 6, 23, .98));
      border: 1px solid rgba(255, 255, 255, .16);
      border-radius: 30px;
      box-shadow: 0 32px 120px rgba(0, 0, 0, .55);
    }

    .wallpaper-preview-dialog img {
      width: 100%;
      max-height: min(68dvh, 620px);
      display: block;
      object-fit: contain;
      background: #020617;
    }

    .wallpaper-preview-caption {
      padding: 16px 18px 18px;
    }

    .wallpaper-preview-caption h3 {
      margin: 0;
      color: #ffffff;
      font-size: clamp(20px, 3vw, 28px);
      line-height: 1.2;
    }

    .wallpaper-preview-caption p {
      margin: 8px 0 0;
      color: rgba(225, 236, 255, .72);
      font-size: 14px;
      font-weight: 800;
    }

    .wallpaper-preview-close {
      position: absolute;
      right: 12px;
      top: 12px;
      z-index: 2;
      min-height: 40px;
      padding: 0 14px;
      border: 0;
      border-radius: 999px;
      color: #0f172a;
      background: rgba(255, 255, 255, .92);
      cursor: pointer;
      font-weight: 1000;
      box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
    }

    @media (max-width: 760px) {
      .wallpapers-page main {
        padding-top: 52px !important;
      }

      .wallpapers-page .page-hero {
        padding-bottom: 42px !important;
      }

      .wallpapers-page .wallpaper-panel {
        padding: 16px !important;
        border-radius: 24px !important;
      }

      .wallpapers-page .wallpaper-count {
        padding: 16px !important;
      }

      .wallpapers-page .wallpaper-count strong {
        font-size: clamp(38px, 16vw, 54px) !important;
        letter-spacing: 0 !important;
      }

      .wallpapers-page .wallpaper-search {
        padding: 16px !important;
      }

      .wallpapers-page .wallpaper-search input {
        font-size: 20px !important;
        letter-spacing: 0 !important;
      }

      .wallpapers-page .wallpaper-filters {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        margin: 14px -2px 16px !important;
        padding: 2px 2px 10px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      .wallpapers-page .wallpaper-filters::-webkit-scrollbar {
        display: none;
      }

      .wallpapers-page .wallpaper-filter {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 0 14px !important;
      }

      .wallpapers-page .wallpaper-status {
        margin-bottom: 12px !important;
        font-size: 13px;
        line-height: 1.6;
      }

      .wallpapers-page .wallpaper-body {
        padding: 15px !important;
      }

      .wallpapers-page .wallpaper-card-actions {
        width: 100%;
        justify-content: stretch;
      }

      .wallpapers-page .wallpaper-preview-button,
      .wallpapers-page .wallpaper-card-actions .wallpaper-button {
        flex: 1 1 0;
        width: auto !important;
        min-height: 44px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
      }

      .wallpapers-page .wallpaper-load-more {
        margin-top: 18px;
        padding: 12px;
      }

      .wallpapers-page .wallpaper-more-button {
        width: 100%;
        min-height: 46px;
      }

      .wallpaper-preview-modal {
        padding: 12px;
      }

      .wallpaper-preview-dialog {
        max-height: calc(100dvh - 24px);
        border-radius: 22px;
      }

      .wallpaper-preview-dialog img {
        max-height: 58dvh;
      }

      .wallpaper-preview-close {
        min-height: 38px;
      }
    }

    /* Mobile top navigation refresh: compact brand row + calmer shortcut rail */
    @media (max-width: 860px) {
      .nav,
      body.home-page .nav {
        min-height: 92px !important;
        background:
          linear-gradient(180deg, rgba(6, 13, 27, .96), rgba(5, 12, 24, .88)) !important;
        border-bottom: 1px solid rgba(125, 211, 252, .16) !important;
        box-shadow: 0 14px 34px rgba(2, 6, 23, .28) !important;
        backdrop-filter: saturate(150%) blur(20px) !important;
      }

      .nav-inner,
      body.home-page .nav-inner {
        width: calc(100% - 18px) !important;
        min-height: 92px !important;
        padding: 5px 0 6px !important;
        gap: 4px 8px !important;
        align-items: center !important;
      }

      .brand,
      body.home-page .brand {
        max-width: calc(100% - 110px) !important;
        min-height: 38px !important;
        gap: 8px !important;
      }

      .brand-mark,
      body.home-page .brand-mark {
        width: 28px !important;
        height: 28px !important;
        border-radius: 10px !important;
        box-shadow: 0 9px 22px rgba(56, 189, 248, .24) !important;
      }

      .brand > span:last-child,
      body.home-page .brand > span:last-child {
        max-width: none !important;
        color: rgba(248, 251, 255, .96) !important;
        font-size: 13px !important;
        letter-spacing: 0 !important;
      }

      .account-trigger,
      body.home-page .account-trigger {
        min-height: 38px !important;
        padding: 0 14px !important;
        border: 1px solid rgba(255, 255, 255, .18) !important;
        border-radius: 14px !important;
        color: #06111f !important;
        background: linear-gradient(135deg, #f8fbff, #bae6fd 58%, #c4b5fd) !important;
        box-shadow: 0 12px 26px rgba(14, 165, 233, .22) !important;
        font-size: 12px !important;
        font-weight: 950 !important;
      }

      .account-trigger.signed-in,
      body.home-page .account-trigger.signed-in {
        color: #041914 !important;
        background: linear-gradient(135deg, #dcfce7, #86efac) !important;
      }

      .links,
      body.home-page .links {
        position: relative !important;
        order: 3 !important;
        display: flex !important;
        width: 100% !important;
        gap: 4px !important;
        overflow-x: auto !important;
        padding: 0 4px !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, .055) !important;
        border: 1px solid rgba(255, 255, 255, .105) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
      }

      .links::after,
      body.home-page .links::after {
        content: "";
        flex: 0 0 2px;
      }

      .links a,
      body.home-page .links a {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        min-width: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 10px !important;
        border: 0 !important;
        border-radius: 13px !important;
        color: rgba(226, 238, 255, .82) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        position: relative !important;
        scroll-snap-align: start;
        transition: color .16s ease, background .16s ease, transform .16s ease;
      }

      .links a:active,
      body.home-page .links a:active {
        transform: scale(.98);
      }

      .links a.nav-page,
      body.home-page .links a.nav-page {
        color: #ffffff !important;
        background:
          linear-gradient(135deg, rgba(14, 165, 233, .34), rgba(124, 58, 237, .28)) !important;
        box-shadow: inset 0 0 0 1px rgba(186, 230, 253, .3) !important;
      }

      .links a.nav-page::after,
      body.home-page .links a.nav-page::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 5px;
        transform: translateX(-50%);
        width: 14px;
        height: 2px;
        border-radius: 999px;
        background: #7dd3fc;
        box-shadow: 0 0 14px rgba(125, 211, 252, .9);
      }

      .account-popover,
      body.home-page .account-popover {
        top: 98px !important;
      }
    }

    @media (max-width: 420px) {
      .brand > span:last-child,
      body.home-page .brand > span:last-child {
        max-width: 168px !important;
      }

      .links,
      body.home-page .links {
        gap: 2px !important;
      }

      .links a,
      body.home-page .links a {
        min-width: 40px !important;
        padding: 0 8px !important;
        font-size: 12.5px !important;
      }
    }

    /* Unified subpage first-screen refresh */
    body.sounds-page main,
    body.wallpapers-page main,
    body.forum-page main,
    body.articles-page main,
    body.club-page main {
      padding-top: 0 !important;
    }

    body.sounds-page .page-hero.subpage-focus-hero,
    body.wallpapers-page .page-hero.subpage-focus-hero,
    body.forum-page .page-hero.subpage-focus-hero,
    body.articles-page .page-hero.subpage-focus-hero,
    body.club-page .page-hero.subpage-focus-hero {
      width: min(1180px, calc(100% - 28px)) !important;
      max-width: 1180px !important;
      min-height: 0 !important;
      margin: clamp(18px, 2.4vw, 30px) auto 16px !important;
      padding: clamp(28px, 4.4vw, 54px) clamp(18px, 4vw, 48px) !important;
      text-align: left !important;
      color: #f8fbff !important;
      border-radius: clamp(22px, 3.8vw, 38px) !important;
      border: 1px solid rgba(148, 208, 255, .22) !important;
      background:
        radial-gradient(circle at 12% 12%, rgba(56, 189, 248, .2), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(124, 58, 237, .2), transparent 28%),
        linear-gradient(135deg, rgba(5, 9, 18, .96) 0%, rgba(10, 24, 48, .94) 58%, rgba(10, 17, 31, .96) 100%) !important;
      box-shadow:
        0 18px 52px rgba(2, 6, 23, .26),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
      overflow: hidden;
    }

    body.sounds-page .page-hero.subpage-focus-hero::before,
    body.wallpapers-page .page-hero.subpage-focus-hero::before,
    body.forum-page .page-hero.subpage-focus-hero::before,
    body.articles-page .page-hero.subpage-focus-hero::before,
    body.club-page .page-hero.subpage-focus-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(135deg, rgba(0, 0, 0, .7), transparent 70%);
      opacity: .62;
    }

    body.sounds-page .page-hero.subpage-focus-hero::after,
    body.wallpapers-page .page-hero.subpage-focus-hero::after,
    body.forum-page .page-hero.subpage-focus-hero::after,
    body.articles-page .page-hero.subpage-focus-hero::after,
    body.club-page .page-hero.subpage-focus-hero::after {
      content: "";
      position: absolute;
      right: -7%;
      bottom: -38%;
      width: min(36vw, 360px);
      aspect-ratio: 1;
      border-radius: 999px;
      background:
        radial-gradient(circle, rgba(125, 211, 252, .18), transparent 60%),
        linear-gradient(135deg, rgba(59, 130, 246, .14), rgba(168, 85, 247, .16));
      pointer-events: none;
    }

    body.sounds-page .page-hero .kicker,
    body.wallpapers-page .page-hero .kicker,
    body.forum-page .page-hero .kicker,
    body.articles-page .page-hero .kicker,
    body.club-page .page-hero .kicker {
      position: relative;
      z-index: 1;
      width: max-content;
      max-width: 100%;
      margin: 0 0 12px !important;
      padding: 7px 11px !important;
      color: #7dd3fc !important;
      background: rgba(14, 165, 233, .11) !important;
      border: 1px solid rgba(125, 211, 252, .22) !important;
      border-radius: 999px;
      font-size: 12px !important;
      letter-spacing: .14em !important;
      text-transform: uppercase;
      text-shadow: none !important;
    }

    body.sounds-page .page-hero h1,
    body.wallpapers-page .page-hero h1,
    body.forum-page .page-hero h1,
    body.articles-page .page-hero h1,
    body.club-page .page-hero h1 {
      position: relative;
      z-index: 1;
      max-width: 760px !important;
      margin: 0 !important;
      color: #f8fbff !important;
      font-size: clamp(38px, 5.6vw, 64px) !important;
      line-height: 1.02 !important;
      letter-spacing: -.055em !important;
      text-shadow:
        0 10px 36px rgba(2, 6, 23, .38),
        0 18px 62px rgba(56, 189, 248, .16) !important;
    }

    body.sounds-page .page-hero h1 .rainbow,
    body.wallpapers-page .page-hero h1 .rainbow,
    body.forum-page .page-hero h1 .rainbow,
    body.articles-page .page-hero h1 .rainbow,
    body.club-page .page-hero h1 .rainbow {
      color: #f8fbff !important;
      background: none !important;
      -webkit-background-clip: initial !important;
      background-clip: initial !important;
      -webkit-text-fill-color: #f8fbff !important;
    }

    body.sounds-page .page-hero .lead,
    body.wallpapers-page .page-hero .lead,
    body.forum-page .page-hero .lead,
    body.articles-page .page-hero .lead,
    body.club-page .page-hero .lead {
      position: relative;
      z-index: 1;
      max-width: 680px !important;
      margin: 14px 0 0 !important;
      color: rgba(226, 238, 255, .78) !important;
      font-size: clamp(16px, 1.8vw, 20px) !important;
      line-height: 1.66 !important;
      font-weight: 650 !important;
      text-shadow: none !important;
    }

    body.sounds-page .page-hero .subpage-actions,
    body.wallpapers-page .page-hero .subpage-actions,
    body.forum-page .page-hero .subpage-actions,
    body.articles-page .page-hero .subpage-actions,
    body.club-page .page-hero .subpage-actions {
      position: relative;
      z-index: 1;
      margin-top: 20px !important;
      display: flex !important;
      align-items: center;
      justify-content: flex-start !important;
      flex-wrap: wrap;
      gap: 10px !important;
    }

    .subpage-primary-link {
      min-height: 46px !important;
      padding: 0 20px !important;
      color: #ffffff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777) !important;
      border: 1px solid rgba(255, 255, 255, .16) !important;
      box-shadow: 0 18px 42px rgba(79, 70, 229, .26) !important;
      font-weight: 950 !important;
    }

    .subpage-aux-link {
      min-height: 42px !important;
      padding: 0 15px !important;
      color: rgba(226, 238, 255, .76) !important;
      background: rgba(255, 255, 255, .055) !important;
      border: 1px solid rgba(255, 255, 255, .11) !important;
      box-shadow: none !important;
      font-weight: 850 !important;
    }

    .subpage-primary-link:active,
    .subpage-aux-link:active {
      transform: scale(.98);
    }

    body.sounds-page #sounds,
    body.wallpapers-page #wallpapers,
    body.forum-page #forum,
    body.articles-page #articles,
    body.club-page #club {
      padding-top: 10px !important;
    }

    body.sounds-page #sounds {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    body.sounds-page #sounds > .section-title,
    body.wallpapers-page #wallpapers > .section-title,
    body.forum-page #forum > .section-title,
    body.articles-page #articles > .section-title,
    body.club-page #club > .section-title {
      display: none !important;
    }

    body.sounds-page .listen-panel {
      order: 1;
      margin-top: 0 !important;
    }

    body.sounds-page #sounds > .grid {
      order: 2;
      margin-top: 0 !important;
    }

    body.sounds-page .account-panel {
      order: 3;
    }

    body.sounds-page .listen-panel,
    body.wallpapers-page .wallpaper-panel,
    body.forum-page .forum-panel,
    body.articles-page .articles-toolbar,
    body.articles-page .article-follow-card,
    body.club-page .club-panel {
      border-radius: 24px !important;
      border: 1px solid rgba(148, 163, 184, .18) !important;
      box-shadow: 0 16px 46px rgba(2, 6, 23, .22) !important;
    }

    body.sounds-page .sound-library,
    body.forum-page .grid .card,
    body.club-page .club-card {
      border-radius: 22px !important;
      box-shadow: 0 14px 34px rgba(2, 6, 23, .12) !important;
    }

    body.sounds-page .card,
    body.forum-page .grid .card {
      min-height: auto !important;
      padding: clamp(20px, 3vw, 28px) !important;
    }

    body.sounds-page .card h3,
    body.forum-page .grid .card h3,
    body.club-page .club-panel h3 {
      font-size: clamp(22px, 2.8vw, 34px) !important;
      line-height: 1.12 !important;
      letter-spacing: -.035em !important;
    }

    body.forum-page .forum-compose-entry {
      margin-top: 14px !important;
      border-radius: 18px !important;
      background: rgba(37, 99, 235, .09) !important;
      border-color: rgba(125, 211, 252, .18) !important;
    }

    body.articles-page .articles-toolbar {
      top: 64px !important;
      margin-top: 0 !important;
    }

    body.articles-page .page-hero .secondary-link:first-child {
      color: #ffffff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777) !important;
      border-color: rgba(255, 255, 255, .16) !important;
    }

    body.articles-page .page-hero .subpage-aux-link {
      color: rgba(226, 238, 255, .76) !important;
      background: rgba(255, 255, 255, .055) !important;
      border-color: rgba(255, 255, 255, .11) !important;
    }

    @media (max-width: 760px) {
      body.sounds-page .page-hero.subpage-focus-hero,
      body.wallpapers-page .page-hero.subpage-focus-hero,
      body.forum-page .page-hero.subpage-focus-hero,
      body.articles-page .page-hero.subpage-focus-hero,
      body.club-page .page-hero.subpage-focus-hero {
        width: calc(100% - 22px) !important;
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        padding: 22px 16px 16px !important;
        border-radius: 24px !important;
      }

      body.sounds-page .page-hero h1,
      body.wallpapers-page .page-hero h1,
      body.forum-page .page-hero h1,
      body.articles-page .page-hero h1,
      body.club-page .page-hero h1 {
        max-width: 100% !important;
        font-size: clamp(31px, 9.2vw, 42px) !important;
        line-height: 1.05 !important;
        letter-spacing: -.042em !important;
        overflow-wrap: anywhere;
      }

      body.sounds-page .page-hero .lead,
      body.wallpapers-page .page-hero .lead,
      body.forum-page .page-hero .lead,
      body.articles-page .page-hero .lead,
      body.club-page .page-hero .lead {
        margin-top: 10px !important;
        font-size: 15px !important;
        line-height: 1.58 !important;
      }

      body.sounds-page .page-hero .subpage-actions,
      body.wallpapers-page .page-hero .subpage-actions,
      body.forum-page .page-hero .subpage-actions,
      body.articles-page .page-hero .subpage-actions,
      body.club-page .page-hero .subpage-actions {
        display: grid !important;
        grid-template-columns: minmax(124px, 1.3fr) minmax(76px, 0.85fr) minmax(76px, 0.85fr);
        gap: 8px !important;
        margin-top: 15px !important;
      }

      html body.articles-page .page-hero.subpage-focus-hero .subpage-actions {
        display: grid !important;
        grid-template-columns: minmax(124px, 1.3fr) minmax(76px, 0.85fr) minmax(76px, 0.85fr) !important;
      }

      .subpage-primary-link {
        grid-column: auto;
        width: 100%;
        min-height: 46px !important;
        padding: 0 12px !important;
      }

      .subpage-aux-link {
        width: 100%;
        min-height: 40px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
      }

      body.sounds-page #sounds,
      body.wallpapers-page #wallpapers,
      body.forum-page #forum,
      body.articles-page #articles,
      body.club-page #club {
        padding-top: 6px !important;
      }

      body.sounds-page .listen-panel,
      body.wallpapers-page .wallpaper-panel,
      body.forum-page .forum-panel,
      body.articles-page .articles-toolbar,
      body.club-page .club-panel {
        border-radius: 20px !important;
      }

      body.forum-page .forum-compose-entry {
        align-items: stretch !important;
      }

      body.forum-page .forum-compose-entry span {
        font-size: 13px !important;
        line-height: 1.45 !important;
      }
    }

    /* Wallpaper gallery visual refresh */
    body.wallpapers-page .wallpaper-panel {
      padding: clamp(18px, 3vw, 32px) !important;
      border-radius: 28px !important;
      background:
        radial-gradient(circle at 8% 0%, rgba(56, 189, 248, .18), transparent 32%),
        radial-gradient(circle at 96% 12%, rgba(168, 85, 247, .16), transparent 34%),
        linear-gradient(145deg, rgba(10, 20, 38, .96), rgba(2, 6, 23, .98)) !important;
      box-shadow: 0 24px 78px rgba(2, 6, 23, .32) !important;
    }

    body.wallpapers-page .wallpaper-toolbar {
      grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
      gap: 14px !important;
      align-items: stretch;
    }

    body.wallpapers-page .wallpaper-count,
    body.wallpapers-page .wallpaper-search,
    body.wallpapers-page .wallpaper-tip {
      border-radius: 20px !important;
      background: rgba(255, 255, 255, .075) !important;
      border: 1px solid rgba(186, 230, 253, .16) !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
    }

    body.wallpapers-page .wallpaper-count {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 18px 20px !important;
    }

    body.wallpapers-page .wallpaper-count strong {
      font-size: clamp(42px, 5vw, 58px) !important;
      line-height: .92 !important;
      letter-spacing: 0 !important;
    }

    body.wallpapers-page .wallpaper-count span,
    body.wallpapers-page .wallpaper-search span {
      color: rgba(226, 238, 255, .8) !important;
      font-size: 14px !important;
      letter-spacing: 0 !important;
    }

    body.wallpapers-page .wallpaper-search {
      position: relative;
      padding: 16px 18px !important;
      gap: 9px !important;
    }

    body.wallpapers-page .wallpaper-search::after {
      content: "搜索";
      position: absolute;
      right: 30px;
      bottom: 26px;
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 10px;
      border-radius: 999px;
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #c4b5fd);
      font-size: 12px;
      font-weight: 950;
      pointer-events: none;
    }

    body.wallpapers-page .wallpaper-search input {
      min-height: 54px;
      padding: 0 62px 0 16px;
      border: 1px solid rgba(186, 230, 253, .18) !important;
      border-radius: 16px;
      color: #ffffff !important;
      background: rgba(2, 6, 23, .36) !important;
      font-size: clamp(18px, 2.4vw, 24px) !important;
      letter-spacing: 0 !important;
    }

    body.wallpapers-page .wallpaper-search input:focus {
      border-color: rgba(125, 211, 252, .56) !important;
      box-shadow: 0 0 0 4px rgba(56, 189, 248, .12);
    }

    body.wallpapers-page .wallpaper-filters {
      margin: 14px 0 16px !important;
      padding: 12px;
      border-radius: 20px;
      background: rgba(255, 255, 255, .045);
      border: 1px solid rgba(255, 255, 255, .1);
      gap: 8px !important;
    }

    body.wallpapers-page .wallpaper-filter {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0 11px 0 13px !important;
      border-radius: 14px !important;
      color: rgba(236, 254, 255, .9) !important;
      background: rgba(255, 255, 255, .065) !important;
      transition: background .16s ease, color .16s ease, transform .16s ease, border-color .16s ease;
    }

    body.wallpapers-page .wallpaper-filter:active {
      transform: scale(.98);
    }

    body.wallpapers-page .wallpaper-filter.active {
      color: #031226 !important;
      background: linear-gradient(135deg, #7dd3fc, #a78bfa 58%, #f472b6) !important;
      border-color: transparent !important;
    }

    body.wallpapers-page .wallpaper-filter-name {
      max-width: 132px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    body.wallpapers-page .wallpaper-filter-count {
      min-width: 28px;
      padding: 3px 7px;
      border-radius: 999px;
      color: rgba(226, 238, 255, .92);
      background: rgba(255, 255, 255, .12);
      font-size: 12px;
      text-align: center;
    }

    body.wallpapers-page .wallpaper-filter.active .wallpaper-filter-count {
      color: #031226;
      background: rgba(255, 255, 255, .55);
    }

    body.wallpapers-page .wallpaper-status {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 16px !important;
      color: rgba(226, 238, 255, .82) !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
    }

    body.wallpapers-page .wallpaper-status span {
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 0 11px;
      border-radius: 13px;
      background: rgba(2, 6, 23, .34);
      border: 1px solid rgba(186, 230, 253, .12);
    }

    body.wallpapers-page .wallpaper-status strong {
      color: #ffffff;
      font-size: 15px;
      font-weight: 1000;
    }

    body.wallpapers-page .wallpaper-grid {
      grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)) !important;
      gap: 16px !important;
    }

    body.wallpapers-page .wallpaper-card {
      display: grid;
      grid-template-rows: auto 1fr;
      border-radius: 22px !important;
      color: #eaf6ff !important;
      background:
        linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(7, 13, 26, .98)) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: 0 16px 46px rgba(2, 6, 23, .28) !important;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    body.wallpapers-page .wallpaper-card:hover {
      transform: translateY(-2px);
      border-color: rgba(125, 211, 252, .28) !important;
      box-shadow: 0 20px 58px rgba(2, 6, 23, .34) !important;
    }

    body.wallpapers-page .wallpaper-image-button {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      color: inherit;
      background: transparent;
      cursor: pointer;
      text-align: left;
      font: inherit;
    }

    body.wallpapers-page .wallpaper-image-button:focus-visible {
      outline: 3px solid rgba(125, 211, 252, .86);
      outline-offset: -3px;
    }

    body.wallpapers-page .wallpaper-preview img {
      transition: transform .28s cubic-bezier(.22, 1, .36, 1), filter .28s ease !important;
    }

    body.wallpapers-page .wallpaper-card:hover .wallpaper-preview img {
      transform: scale(1.03) !important;
      filter: saturate(1.06);
    }

    body.wallpapers-page .wallpaper-category {
      left: 10px !important;
      top: 10px !important;
      max-width: calc(100% - 92px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      background: rgba(2, 6, 23, .68) !important;
      border: 1px solid rgba(255, 255, 255, .16);
    }

    body.wallpapers-page .wallpaper-preview-hint {
      position: absolute;
      right: 10px;
      bottom: 10px;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      color: #031226;
      background: rgba(255, 255, 255, .9);
      box-shadow: 0 10px 22px rgba(2, 6, 23, .28);
      font-size: 12px;
      font-weight: 950;
      opacity: 0;
      transform: translateY(4px);
      transition: opacity .18s ease, transform .18s ease;
    }

    body.wallpapers-page .wallpaper-card:hover .wallpaper-preview-hint,
    body.wallpapers-page .wallpaper-image-button:focus-visible .wallpaper-preview-hint {
      opacity: 1;
      transform: translateY(0);
    }

    body.wallpapers-page .wallpaper-body {
      min-height: 174px;
      display: grid;
      grid-template-rows: auto auto 1fr;
      padding: 15px !important;
    }

    body.wallpapers-page .wallpaper-body h3 {
      min-height: 46px;
      color: #ffffff !important;
      font-size: 16px !important;
      line-height: 1.42 !important;
      letter-spacing: 0 !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    body.wallpapers-page .wallpaper-meta {
      gap: 6px !important;
      margin-top: 10px !important;
      color: rgba(226, 238, 255, .7) !important;
      font-size: 12px !important;
    }

    body.wallpapers-page .wallpaper-meta span {
      padding: 6px 8px !important;
      color: rgba(226, 238, 255, .76);
      background: rgba(255, 255, 255, .075) !important;
      border: 1px solid rgba(255, 255, 255, .08);
    }

    body.wallpapers-page .wallpaper-download-row {
      align-self: end;
      display: grid !important;
      grid-template-columns: auto minmax(126px, auto);
      align-items: center;
      gap: 10px !important;
      margin-top: 14px !important;
    }

    body.wallpapers-page .wallpaper-download-row small {
      width: max-content;
      padding: 7px 9px;
      border-radius: 999px;
      color: rgba(226, 238, 255, .8) !important;
      background: rgba(125, 211, 252, .1);
      border: 1px solid rgba(125, 211, 252, .16);
    }

    body.wallpapers-page .wallpaper-card-actions {
      justify-content: flex-end !important;
      width: auto !important;
    }

    body.wallpapers-page .wallpaper-button {
      min-height: 44px !important;
      padding: 0 15px !important;
      border-radius: 14px !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777) !important;
      box-shadow: 0 12px 26px rgba(79, 70, 229, .26) !important;
    }

    body.wallpapers-page .wallpaper-button[disabled] {
      color: rgba(226, 238, 255, .48) !important;
      background: rgba(148, 163, 184, .16) !important;
      box-shadow: none !important;
    }

    body.wallpapers-page .wallpaper-load-more {
      --wallpaper-progress: 0%;
      position: relative;
      overflow: hidden;
      margin-top: 22px !important;
      padding: 14px 16px !important;
      border-radius: 20px !important;
    }

    body.wallpapers-page .wallpaper-load-more::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: var(--wallpaper-progress);
      background: linear-gradient(90deg, rgba(125, 211, 252, .34), rgba(244, 114, 182, .28));
      pointer-events: none;
    }

    body.wallpapers-page .wallpaper-more-button,
    body.wallpapers-page #wallpaperPageInfo {
      position: relative;
      z-index: 1;
    }

    body.wallpapers-page #wallpaperPageInfo {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(226, 238, 255, .78);
    }

    body.wallpapers-page #wallpaperPageInfo strong {
      color: #ffffff;
      font-size: 16px;
      font-weight: 1000;
    }

    @media (max-width: 760px) {
      body.wallpapers-page .wallpaper-panel {
        width: calc(100% + 2px);
        margin-left: -1px;
        padding: 14px !important;
        border-radius: 22px !important;
      }

      body.wallpapers-page .wallpaper-toolbar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
      }

      body.wallpapers-page .wallpaper-count {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 14px !important;
        border-radius: 18px !important;
      }

      body.wallpapers-page .wallpaper-count strong {
        font-size: clamp(38px, 13.5vw, 48px) !important;
      }

      body.wallpapers-page .wallpaper-count span {
        font-size: 13px !important;
      }

      body.wallpapers-page .wallpaper-search {
        padding: 12px !important;
        border-radius: 18px !important;
      }

      body.wallpapers-page .wallpaper-search::after {
        right: 22px;
        bottom: 22px;
      }

      body.wallpapers-page .wallpaper-search input {
        min-height: 50px;
        padding-right: 58px;
        font-size: 17px !important;
      }

      body.wallpapers-page .wallpaper-filters {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        margin: 12px -4px 14px !important;
        padding: 8px 4px 10px !important;
        border-radius: 0;
        background: transparent;
        border: 0;
      }

      body.wallpapers-page .wallpaper-filter {
        flex: 0 0 auto;
        min-height: 46px;
        padding: 0 11px !important;
        border-radius: 14px !important;
      }

      body.wallpapers-page .wallpaper-filter-name {
        max-width: 108px;
      }

      body.wallpapers-page .wallpaper-status {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 7px;
        margin-bottom: 13px !important;
      }

      body.wallpapers-page .wallpaper-status span {
        min-height: 38px;
        justify-content: space-between;
      }

      body.wallpapers-page .wallpaper-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
      }

      body.wallpapers-page .wallpaper-card {
        border-radius: 18px !important;
      }

      body.wallpapers-page .wallpaper-preview-hint {
        opacity: 1;
        transform: none;
      }

      body.wallpapers-page .wallpaper-body {
        min-height: 0;
        padding: 13px !important;
      }

      body.wallpapers-page .wallpaper-body h3 {
        min-height: 0;
        font-size: 16px !important;
      }

      body.wallpapers-page .wallpaper-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      body.wallpapers-page .wallpaper-meta span {
        min-width: 0;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      body.wallpapers-page .wallpaper-download-row {
        grid-template-columns: auto minmax(0, 1fr);
      }

      body.wallpapers-page .wallpaper-button {
        width: 100%;
      }

      body.wallpapers-page .wallpaper-load-more {
        display: grid !important;
        gap: 10px !important;
        padding: 12px !important;
        text-align: center;
      }

      body.wallpapers-page .wallpaper-more-button {
        width: 100% !important;
      }

      body.wallpapers-page #wallpaperPageInfo {
        justify-content: center;
        flex-wrap: wrap;
      }
    }

    /* Forum community visual refresh */
    body.forum-page .forum-feed-panel,
    body.forum-page .forum-compose-panel {
      color: #eaf6ff !important;
      background:
        radial-gradient(circle at 10% 0%, rgba(56, 189, 248, .16), transparent 32%),
        radial-gradient(circle at 92% 8%, rgba(168, 85, 247, .15), transparent 34%),
        linear-gradient(145deg, rgba(9, 18, 34, .96), rgba(2, 6, 23, .98)) !important;
      border: 1px solid rgba(186, 230, 253, .16) !important;
      box-shadow: 0 22px 72px rgba(2, 6, 23, .32) !important;
      overflow: hidden;
    }

    body.forum-page .forum-feed-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 14px;
    }

    body.forum-page .forum-panel-label,
    body.forum-page .forum-read-badge {
      display: inline-flex;
      align-items: center;
      width: max-content;
      max-width: 100%;
      min-height: 30px;
      padding: 0 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 950;
      letter-spacing: .08em;
    }

    body.forum-page .forum-panel-label {
      margin-bottom: 10px;
      color: #7dd3fc;
      background: rgba(14, 165, 233, .1);
      border: 1px solid rgba(125, 211, 252, .2);
      text-transform: uppercase;
    }

    body.forum-page .forum-read-badge {
      flex: 0 0 auto;
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #c4b5fd);
      box-shadow: 0 12px 26px rgba(56, 189, 248, .18);
      letter-spacing: 0;
    }

    body.forum-page .forum-feed-head h3,
    body.forum-page .forum-compose-head h3 {
      margin-bottom: 8px !important;
      color: #ffffff !important;
      font-size: clamp(24px, 3vw, 36px) !important;
      letter-spacing: -.025em !important;
    }

    body.forum-page .forum-feed-head p,
    body.forum-page .forum-compose-head p,
    body.forum-page .forum-panel p {
      color: rgba(226, 238, 255, .74) !important;
      line-height: 1.7 !important;
    }

    body.forum-page .forum-community-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin: 14px 0 16px;
    }

    body.forum-page .forum-community-strip > div {
      min-height: 86px;
      padding: 14px;
      border-radius: 18px;
      background: rgba(255, 255, 255, .065);
      border: 1px solid rgba(255, 255, 255, .1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    }

    body.forum-page .forum-community-strip strong {
      display: block;
      color: #ffffff;
      font-size: 16px;
      line-height: 1.3;
    }

    body.forum-page .forum-community-strip span {
      display: block;
      margin-top: 7px;
      color: rgba(226, 238, 255, .68);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 760;
    }

    body.forum-page .forum-compose-entry {
      align-items: center !important;
      margin: 16px 0 14px !important;
      padding: 14px !important;
      border-radius: 18px !important;
      background:
        linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(168, 85, 247, .1)) !important;
      border-color: rgba(125, 211, 252, .18) !important;
    }

    body.forum-page .forum-compose-entry span {
      color: rgba(226, 238, 255, .78) !important;
      font-size: 14px !important;
      line-height: 1.6 !important;
    }

    body.forum-page .forum-button {
      min-height: 46px !important;
      padding: 0 18px !important;
      border-radius: 15px !important;
      font-weight: 950 !important;
      transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
    }

    body.forum-page .forum-button:active {
      transform: scale(.98);
    }

    body.forum-page .forum-button.blue {
      color: #ffffff !important;
      background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777) !important;
      box-shadow: 0 14px 32px rgba(79, 70, 229, .28) !important;
    }

    body.forum-page .forum-button.ghost {
      color: rgba(226, 238, 255, .86) !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(255, 255, 255, .12) !important;
      box-shadow: none !important;
    }

    body.forum-page .forum-toolbar {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(150px, 220px) !important;
      gap: 10px !important;
      margin: 14px 0 !important;
      padding: 12px;
      border-radius: 20px;
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .1);
    }

    body.forum-page .forum-search-field,
    body.forum-page .forum-scope-field {
      display: grid;
      gap: 8px;
      min-width: 0;
      color: rgba(226, 238, 255, .78);
      font-size: 13px;
      font-weight: 900;
    }

    body.forum-page .forum-toolbar input,
    body.forum-page .forum-toolbar select,
    body.forum-page .forum-form input,
    body.forum-page .forum-form select,
    body.forum-page .forum-form textarea {
      min-height: 48px;
      border-radius: 15px !important;
      color: #ffffff !important;
      background: rgba(2, 6, 23, .38) !important;
      border: 1px solid rgba(186, 230, 253, .16) !important;
      box-shadow: none !important;
    }

    body.forum-page .forum-form textarea {
      min-height: 150px !important;
    }

    body.forum-page .forum-reply-form textarea {
      min-height: 96px !important;
    }

    body.forum-page .forum-toolbar input:focus,
    body.forum-page .forum-toolbar select:focus,
    body.forum-page .forum-form input:focus,
    body.forum-page .forum-form select:focus,
    body.forum-page .forum-form textarea:focus {
      border-color: rgba(125, 211, 252, .56) !important;
      box-shadow: 0 0 0 4px rgba(56, 189, 248, .12) !important;
    }

    body.forum-page .forum-toolbar input::placeholder,
    body.forum-page .forum-form input::placeholder,
    body.forum-page .forum-form textarea::placeholder {
      color: rgba(226, 238, 255, .48) !important;
    }

    body.forum-page #forumTotals.live-total {
      min-height: 0;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 14px;
      padding: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    body.forum-page .forum-total-chip,
    body.forum-page .forum-total-note {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 11px;
      border-radius: 13px;
      color: rgba(226, 238, 255, .78);
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      font-size: 13px;
      font-weight: 850;
    }

    body.forum-page .forum-total-chip strong {
      margin-right: 5px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 1000;
    }

    body.forum-page .forum-total-chip.primary {
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #c4b5fd);
      border-color: transparent;
    }

    body.forum-page .forum-total-chip.primary strong {
      color: #031226;
    }

    body.forum-page .forum-post-list {
      gap: 14px !important;
    }

    body.forum-page .forum-post {
      padding: 18px !important;
      border-radius: 20px !important;
      color: #eaf6ff !important;
      background:
        linear-gradient(180deg, rgba(15, 23, 42, .88), rgba(7, 13, 26, .96)) !important;
      border: 1px solid rgba(186, 230, 253, .13) !important;
      box-shadow: 0 14px 40px rgba(2, 6, 23, .25) !important;
    }

    body.forum-page .forum-post:hover {
      transform: translateY(-2px);
      border-color: rgba(125, 211, 252, .26) !important;
      box-shadow: 0 18px 50px rgba(2, 6, 23, .31) !important;
    }

    body.forum-page .forum-post-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 11px;
    }

    body.forum-page .forum-post-category {
      min-height: 32px;
      display: inline-flex;
      align-items: center;
      max-width: 70%;
      padding: 0 10px;
      border-radius: 999px;
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #a78bfa);
      font-size: 13px;
      font-weight: 950;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    body.forum-page .forum-post h4 {
      color: #ffffff !important;
      font-size: clamp(20px, 2.2vw, 28px) !important;
      line-height: 1.25 !important;
      letter-spacing: 0 !important;
    }

    body.forum-page .forum-post-body {
      color: rgba(226, 238, 255, .78) !important;
      font-size: 15px;
      line-height: 1.75 !important;
    }

    body.forum-page .forum-meta span,
    body.forum-page .status-badge,
    body.forum-page .forum-like-count {
      color: rgba(226, 238, 255, .78) !important;
      background: rgba(255, 255, 255, .075) !important;
      border: 1px solid rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
    }

    body.forum-page .status-badge.approved {
      color: #bbf7d0 !important;
      background: rgba(34, 197, 94, .12) !important;
      border-color: rgba(34, 197, 94, .18) !important;
    }

    body.forum-page .forum-author-name strong {
      color: #ffffff !important;
    }

    body.forum-page .forum-replies {
      margin-top: 16px;
      padding-top: 14px;
      border-top: 1px solid rgba(255, 255, 255, .1) !important;
    }

    body.forum-page .forum-reply-summary,
    body.forum-page .forum-empty-inline {
      color: rgba(226, 238, 255, .66) !important;
      font-size: 13px;
      font-weight: 850;
    }

    body.forum-page .forum-reply,
    body.forum-page .forum-reply-form {
      color: #eaf6ff !important;
      background: rgba(255, 255, 255, .055) !important;
      border: 1px solid rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
    }

    body.forum-page .forum-empty-state {
      display: grid;
      justify-items: start;
      gap: 10px;
      padding: clamp(22px, 4vw, 34px);
      border-radius: 22px;
      background:
        radial-gradient(circle at 88% 0%, rgba(125, 211, 252, .16), transparent 32%),
        rgba(255, 255, 255, .055);
      border: 1px dashed rgba(186, 230, 253, .22);
    }

    body.forum-page .forum-empty-mark {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      padding: 0 11px;
      border-radius: 999px;
      color: #031226;
      background: linear-gradient(135deg, #7dd3fc, #c4b5fd);
      font-weight: 1000;
    }

    body.forum-page .forum-empty-state h4 {
      margin: 0;
      color: #ffffff;
      font-size: clamp(22px, 3vw, 30px);
      line-height: 1.2;
    }

    body.forum-page .forum-empty-state p {
      max-width: 620px;
      margin: 0;
      color: rgba(226, 238, 255, .72);
      line-height: 1.7;
    }

    body.forum-page .forum-empty-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 4px;
    }

    body.forum-page .forum-compose-panel {
      top: 106px !important;
    }

    body.forum-page #forumAuthStatus,
    body.forum-page .forum-message,
    body.forum-page .forum-upload-field small {
      color: rgba(226, 238, 255, .7) !important;
    }

    body.forum-page .forum-upload-field label {
      color: rgba(226, 238, 255, .86) !important;
    }

    @media (max-width: 960px) {
      body.forum-page .forum-feed-head {
        flex-direction: column;
        align-items: flex-start;
      }

      body.forum-page .forum-community-strip {
        grid-template-columns: 1fr;
      }

      body.forum-page .forum-toolbar {
        grid-template-columns: 1fr !important;
      }
    }

    @media (max-width: 760px) {
      body.forum-page .forum-feed-panel,
      body.forum-page .forum-compose-panel {
        padding: 15px !important;
        border-radius: 20px !important;
      }

      body.forum-page .forum-community-strip {
        gap: 8px;
        margin: 12px 0;
      }

      body.forum-page .forum-community-strip > div {
        min-height: 0;
        padding: 12px;
        border-radius: 16px;
      }

      body.forum-page .forum-compose-entry {
        align-items: stretch !important;
        flex-direction: column;
        gap: 10px !important;
      }

      body.forum-page .forum-compose-entry .forum-button {
        width: 100%;
      }

      body.forum-page .forum-button,
      body.forum-page .forum-toolbar input,
      body.forum-page .forum-toolbar select,
      body.forum-page .forum-form input,
      body.forum-page .forum-form select,
      body.forum-page .forum-form textarea {
        min-height: 50px !important;
        font-size: 15px !important;
      }

      body.forum-page .forum-form textarea {
        min-height: 150px !important;
      }

      body.forum-page .forum-reply-form textarea {
        min-height: 110px !important;
      }

      body.forum-page .forum-toolbar {
        padding: 10px;
        border-radius: 18px;
      }

      body.forum-page #forumTotals.live-total {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
      }

      body.forum-page .forum-total-chip,
      body.forum-page .forum-total-note {
        width: 100%;
        justify-content: center;
        min-height: 40px;
      }

      body.forum-page .forum-total-note {
        grid-column: 1 / -1;
      }

      body.forum-page .forum-post {
        padding: 15px !important;
        border-radius: 18px !important;
      }

      body.forum-page .forum-post-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
      }

      body.forum-page .forum-post-category {
        max-width: 100%;
      }

      body.forum-page .forum-meta,
      body.forum-page .forum-actions,
      body.forum-page .forum-author-name {
        gap: 7px !important;
      }

      body.forum-page .forum-actions button,
      body.forum-page .forum-button.like,
      body.forum-page .forum-empty-actions .forum-button {
        width: 100%;
      }

      body.forum-page .forum-empty-state {
        padding: 20px 15px;
        justify-items: stretch;
      }

      body.forum-page .forum-empty-actions {
        width: 100%;
      }
    }

    /* Qiyuan whole-site visual refinement v1 */
    :root {
      --qiyuan-bg: #050b16;
      --qiyuan-ink: #f5f9ff;
      --qiyuan-muted: rgba(222, 235, 252, .74);
      --qiyuan-faint: rgba(222, 235, 252, .56);
      --qiyuan-panel: rgba(11, 20, 36, .86);
      --qiyuan-panel-soft: rgba(255, 255, 255, .065);
      --qiyuan-panel-line: rgba(163, 203, 255, .13);
      --qiyuan-panel-line-strong: rgba(177, 218, 255, .2);
      --qiyuan-card-shadow: 0 12px 30px rgba(0, 0, 0, .18);
      --qiyuan-panel-shadow: 0 18px 48px rgba(0, 0, 0, .22);
      --qiyuan-radius-panel: 24px;
      --qiyuan-radius-card: 18px;
      --qiyuan-radius-control: 15px;
      --qiyuan-button-gradient: linear-gradient(135deg, #2d6df6 0%, #6f5cff 58%, #cf2f88 100%);
      --qiyuan-soft-gradient: linear-gradient(145deg, rgba(15, 29, 52, .88), rgba(8, 13, 25, .94));
    }

    body.home-page,
    body.sounds-page,
    body.wallpapers-page,
    body.articles-page,
    body.forum-page,
    body.club-page {
      background:
        linear-gradient(180deg, #050b16 0%, #07111f 46%, #050b16 100%) !important;
      color: var(--qiyuan-ink) !important;
    }

    body:not(.home-page) main {
      padding-top: 76px !important;
    }

    .nav {
      background: rgba(5, 11, 22, .82) !important;
      border-bottom: 1px solid rgba(162, 197, 255, .1) !important;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .18) !important;
    }

    .brand,
    .links a {
      color: rgba(245, 249, 255, .9) !important;
    }

    .links {
      gap: clamp(7px, 1.7vw, 14px) !important;
      align-items: center;
    }

    .links a {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      font-weight: 850;
      transition: background .16s ease, color .16s ease, border-color .16s ease;
    }

    .links a:hover {
      color: #dff7ff !important;
      background: rgba(255, 255, 255, .075);
    }

    .links a.nav-page,
    .account-trigger,
    .account-trigger.signed-in {
      color: #ffffff !important;
      background:
        linear-gradient(135deg, rgba(45, 109, 246, .92), rgba(111, 92, 255, .9)) !important;
      border: 1px solid rgba(255, 255, 255, .16) !important;
      box-shadow: 0 10px 24px rgba(45, 109, 246, .22) !important;
    }

    .account-trigger {
      min-height: 38px !important;
      border-radius: var(--qiyuan-radius-control) !important;
      font-weight: 900 !important;
    }

    .account-popover {
      border-radius: 22px !important;
      border-color: rgba(163, 203, 255, .16) !important;
      box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
    }

    .page-hero {
      width: min(1180px, calc(100% - 32px)) !important;
      margin: 18px auto 0 !important;
      padding: clamp(34px, 5vw, 58px) clamp(22px, 4vw, 50px) !important;
      color: var(--qiyuan-ink) !important;
      background:
        linear-gradient(135deg, rgba(10, 19, 35, .93), rgba(13, 31, 58, .86) 56%, rgba(28, 25, 55, .84)) !important;
      border: 1px solid var(--qiyuan-panel-line-strong) !important;
      border-radius: 28px !important;
      box-shadow: var(--qiyuan-panel-shadow) !important;
      overflow: hidden !important;
    }

    .page-hero::before,
    .page-hero::after {
      opacity: .16 !important;
      box-shadow: none !important;
      pointer-events: none !important;
    }

    .page-hero .kicker,
    .section-title p,
    .owner-section-head p {
      color: #8fddff !important;
      font-size: 12px !important;
      font-weight: 950 !important;
      letter-spacing: .12em !important;
      text-transform: uppercase;
    }

    .page-hero h1,
    .page-hero h1 .rainbow,
    .section-title h2 {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow: 0 10px 34px rgba(0, 0, 0, .24) !important;
      letter-spacing: -.045em !important;
    }

    .page-hero h1 {
      font-size: clamp(42px, 5.4vw, 68px) !important;
      line-height: 1.02 !important;
    }

    .page-hero .lead {
      max-width: 760px !important;
      color: var(--qiyuan-muted) !important;
      font-size: clamp(16px, 1.7vw, 20px) !important;
      line-height: 1.74 !important;
      text-shadow: none !important;
    }

    .subpage-actions,
    .actions,
    .owner-actions,
    .account-actions,
    .forum-actions,
    .sound-actions,
    .club-meta {
      gap: 10px !important;
    }

    .button,
    .secondary-link,
    .owner-action,
    .club-button,
    .forum-button,
    .account-button,
    .account-center-button,
    .top-account-button,
    .wallpaper-button,
    .wallpaper-more-button,
    .article-filter,
    .wallpaper-filter,
    .listen-button {
      min-height: 44px !important;
      border-radius: var(--qiyuan-radius-control) !important;
      font-weight: 900 !important;
      box-shadow: none !important;
      transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
    }

    .button:active,
    .secondary-link:active,
    .owner-action:active,
    .club-button:active,
    .forum-button:active,
    .account-button:active,
    .wallpaper-button:active,
    .wallpaper-more-button:active,
    .article-filter:active,
    .wallpaper-filter:active,
    .listen-button:active {
      transform: scale(.985) !important;
    }

    .button.primary,
    .owner-action.primary,
    .club-button.blue,
    .forum-button.blue,
    .account-button.primary,
    .account-button.blue,
    .account-center-button.primary,
    .top-account-button.blue,
    .wallpaper-button,
    .wallpaper-more-button,
    .secondary-link.subpage-primary-link,
    .article-filter.active,
    .wallpaper-filter.active,
    .listen-button {
      color: #ffffff !important;
      background: var(--qiyuan-button-gradient) !important;
      border-color: rgba(255, 255, 255, .12) !important;
      box-shadow: 0 12px 28px rgba(60, 90, 245, .2) !important;
    }

    .button.secondary,
    .secondary-link,
    .owner-action,
    .club-button.ghost,
    .forum-button.ghost,
    .account-button.ghost,
    .account-center-button.ghost {
      color: rgba(239, 246, 255, .86) !important;
      background: rgba(255, 255, 255, .075) !important;
      border: 1px solid rgba(255, 255, 255, .12) !important;
    }

    .section {
      width: min(1180px, calc(100% - 32px)) !important;
      padding: clamp(28px, 4vw, 56px) 0 !important;
    }

    .section-title {
      padding: clamp(28px, 4vw, 48px) 0 22px !important;
    }

    .section-title h2 {
      font-size: clamp(30px, 4vw, 50px) !important;
      line-height: 1.12 !important;
      max-width: 840px;
    }

    .card,
    .owner-note,
    .owner-card,
    .owner-stat,
    .owner-flow,
    .listen-panel,
    .account-panel,
    .account-box,
    .sound-type-section,
    .sound-row,
    .wallpaper-panel,
    .wallpaper-count,
    .wallpaper-search,
    .wallpaper-tip,
    .wallpaper-card,
    .articles-toolbar,
    .article-follow-card,
    .article-card,
    .forum-panel,
    .forum-post,
    .forum-reply,
    .forum-reply-form,
    .club-panel,
    .club-card,
    .social-card,
    .support {
      border-radius: var(--qiyuan-radius-panel) !important;
      border-color: var(--qiyuan-panel-line) !important;
      box-shadow: var(--qiyuan-card-shadow) !important;
    }

    .listen-panel,
    .account-panel,
    .wallpaper-panel,
    .articles-toolbar,
    .forum-panel,
    .club-panel,
    .owner-stats {
      background: var(--qiyuan-soft-gradient) !important;
      border: 1px solid var(--qiyuan-panel-line) !important;
      box-shadow: var(--qiyuan-panel-shadow) !important;
    }

    .card,
    .owner-card,
    .club-card,
    .article-card,
    .forum-post,
    .forum-reply,
    .sound-row,
    .wallpaper-card,
    .social-card {
      background: linear-gradient(180deg, rgba(17, 28, 48, .82), rgba(9, 15, 28, .9)) !important;
      color: var(--qiyuan-ink) !important;
    }

    .card.dark,
    .card.blue,
    .card.green,
    .sound-library,
    .club-panel.dark,
    .support,
    .owner-card.feature,
    .owner-card.green,
    .owner-card.blue,
    .club-card.established {
      background: linear-gradient(145deg, rgba(18, 31, 54, .86), rgba(9, 15, 28, .92)) !important;
      color: var(--qiyuan-ink) !important;
    }

    .card h3,
    .owner-card h3,
    .listen-head h3,
    .forum-panel h3,
    .forum-post h4,
    .club-panel h3,
    .club-card h4,
    .social-card h3,
    .support h2,
    .article-card strong,
    .wallpaper-body h3 {
      color: #f8fbff !important;
      letter-spacing: -.025em !important;
      text-shadow: none !important;
    }

    .card p,
    .owner-card p,
    .owner-note,
    .listen-head p,
    .forum-panel p,
    .forum-post-body,
    .forum-reply-summary,
    .club-panel p,
    .club-card p,
    .social-card p,
    .support p,
    .article-card-summary,
    .wallpaper-count span,
    .wallpaper-search span,
    .wallpaper-tip,
    .wallpaper-meta,
    .wallpaper-download-row small,
    .sound-type-head p,
    .sound-meta,
    .sound-counts,
    .player-status,
    .forum-message,
    .club-message,
    .account-status {
      color: var(--qiyuan-muted) !important;
      opacity: 1 !important;
      text-shadow: none !important;
      line-height: 1.72 !important;
    }

    .owner-live-stats {
      border-radius: 22px !important;
      background: rgba(5, 12, 24, .68) !important;
      border-color: rgba(163, 203, 255, .12) !important;
      box-shadow: 0 14px 40px rgba(0, 0, 0, .2) !important;
    }

    .owner-live-card,
    .metric,
    .pill,
    .category-cloud span,
    .sound-type-count,
    .live-total,
    .sound-result-count,
    .club-meta span,
    .forum-meta span,
    .status-badge,
    .forum-total-chip,
    .forum-total-note,
    .wallpaper-status span,
    .wallpaper-meta span,
    .wallpaper-download-row small,
    .articles-count,
    .article-search,
    .article-filters,
    .wallpaper-filter-count,
    .forum-like-count,
    .account-stat-chip,
    .account-mini-card,
    .account-quota-card {
      border-radius: 14px !important;
      background: rgba(255, 255, 255, .07) !important;
      border: 1px solid rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
      color: rgba(232, 242, 255, .82) !important;
    }

    .owner-live-card strong,
    .metric strong,
    .articles-count strong,
    .wallpaper-count strong,
    .owner-stat strong,
    .account-stat-chip strong,
    .account-mini-card strong,
    .account-quota-card strong {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      text-shadow: none !important;
      letter-spacing: -.04em !important;
    }

    .owner-section {
      width: min(1180px, calc(100% - 32px)) !important;
      padding: clamp(44px, 6vw, 82px) 0 !important;
    }

    .owner-section-head {
      gap: 22px !important;
      margin-bottom: 24px !important;
    }

    .owner-section-head h2 {
      color: #f8fbff !important;
      font-size: clamp(30px, 3.8vw, 48px) !important;
      line-height: 1.14 !important;
      letter-spacing: -.04em !important;
      text-shadow: none !important;
    }

    .owner-note,
    .owner-flow {
      background: rgba(255, 255, 255, .07) !important;
      color: var(--qiyuan-muted) !important;
    }

    .owner-card,
    .owner-stat {
      min-height: 0 !important;
      padding: clamp(20px, 2.6vw, 28px) !important;
      border-radius: var(--qiyuan-radius-panel) !important;
    }

    .owner-card::before {
      opacity: .16 !important;
    }

    .owner-card p,
    .owner-card.feature p,
    .owner-card.green p,
    .owner-card.blue p,
    .owner-stat span {
      color: var(--qiyuan-muted) !important;
    }

    .owner-flow h2,
    .owner-flow li,
    .owner-flow p {
      color: var(--qiyuan-ink) !important;
    }

    .owner-flow li {
      background: rgba(255, 255, 255, .06) !important;
      border-color: rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
    }

    .sound-toolbar,
    .forum-toolbar,
    .wallpaper-toolbar {
      background: rgba(255, 255, 255, .055) !important;
      border: 1px solid rgba(255, 255, 255, .1) !important;
      border-radius: 18px !important;
      box-shadow: none !important;
    }

    .sound-toolbar input,
    .sound-toolbar select,
    .forum-toolbar input,
    .forum-toolbar select,
    .forum-form input,
    .forum-form select,
    .forum-form textarea,
    .club-form input,
    .club-form select,
    .wallpaper-search input,
    .article-search input,
    .top-account-form input,
    .account-form input {
      min-height: 46px !important;
      border-radius: 14px !important;
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      background: rgba(3, 9, 20, .48) !important;
      border: 1px solid rgba(177, 218, 255, .13) !important;
      box-shadow: none !important;
    }

    .sound-toolbar input::placeholder,
    .forum-toolbar input::placeholder,
    .forum-form input::placeholder,
    .forum-form textarea::placeholder,
    .club-form input::placeholder,
    .wallpaper-search input::placeholder,
    .article-search input::placeholder,
    .top-account-form input::placeholder {
      color: rgba(222, 235, 252, .5) !important;
      -webkit-text-fill-color: rgba(222, 235, 252, .5) !important;
    }

    .sound-type-section {
      background: linear-gradient(180deg, rgba(17, 29, 48, .8), rgba(10, 17, 31, .9)) !important;
    }

    .sound-type-section.welcome,
    .sound-type-section.lock {
      background: linear-gradient(180deg, rgba(17, 29, 48, .82), rgba(10, 17, 31, .9)) !important;
    }

    .sound-row {
      border-radius: 16px !important;
      padding: 16px !important;
    }

    .wallpaper-panel {
      margin-top: -14px !important;
      padding: clamp(18px, 3vw, 28px) !important;
      border-radius: var(--qiyuan-radius-panel) !important;
    }

    .wallpaper-count,
    .wallpaper-search,
    .wallpaper-tip {
      border-radius: 18px !important;
    }

    .wallpaper-count strong {
      font-size: clamp(38px, 5vw, 58px) !important;
    }

    .wallpaper-card {
      border-radius: var(--qiyuan-radius-card) !important;
      overflow: hidden !important;
    }

    .wallpaper-body {
      background: transparent !important;
    }

    .wallpaper-preview {
      border-radius: 0 !important;
    }

    .wallpaper-category,
    .forum-post-category,
    .forum-panel-label,
    .forum-read-badge,
    .account-badge,
    .club-progress i,
    .article-card-top em {
      border-radius: 999px !important;
      box-shadow: none !important;
    }

    .articles-toolbar {
      position: sticky;
      top: 62px;
      z-index: 8;
      padding: 12px !important;
      gap: 12px !important;
      backdrop-filter: blur(18px);
    }

    .article-follow-card {
      position: sticky !important;
      top: 170px !important;
    }

    .article-card,
    .articles-page .article-card:nth-child(1) {
      border-radius: var(--qiyuan-radius-panel) !important;
      box-shadow: var(--qiyuan-card-shadow) !important;
    }

    .article-card::before,
    .articles-page .article-card:nth-child(1)::before {
      opacity: .34 !important;
    }

    .article-card-link,
    .articles-page .article-card:nth-child(1) .article-card-link {
      border-radius: var(--qiyuan-radius-control) !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(255, 255, 255, .12) !important;
      color: rgba(239, 246, 255, .9) !important;
      box-shadow: none !important;
    }

    .forum-feed-panel,
    .forum-compose-panel {
      background: var(--qiyuan-soft-gradient) !important;
      box-shadow: var(--qiyuan-panel-shadow) !important;
    }

    .forum-community-strip > div,
    .forum-compose-entry,
    .forum-empty-state {
      background: rgba(255, 255, 255, .055) !important;
      border-color: rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
      border-radius: var(--qiyuan-radius-card) !important;
    }

    .forum-post:hover,
    .article-card:hover,
    .club-card:hover,
    .wallpaper-card:hover,
    .sound-row:hover,
    .owner-card:hover {
      transform: translateY(-1px) !important;
      box-shadow: 0 14px 34px rgba(0, 0, 0, .2) !important;
    }

    .club-card.established {
      border-color: rgba(111, 231, 202, .18) !important;
    }

    .club-progress {
      background: rgba(255, 255, 255, .08) !important;
      border-radius: 999px !important;
      overflow: hidden;
    }

    .footer-beian-link,
    footer {
      color: rgba(222, 235, 252, .58) !important;
    }

    @media (max-width: 960px) {
      body:not(.home-page) main {
        padding-top: 92px !important;
      }

      .articles-toolbar,
      .article-follow-card {
        position: relative !important;
        top: auto !important;
      }

      .page-hero {
        width: calc(100% - 22px) !important;
        margin-top: 16px !important;
        padding: 30px 18px !important;
        border-radius: 22px !important;
      }

      .section,
      .owner-section {
        width: calc(100% - 22px) !important;
      }
    }

    @media (max-width: 760px) {
      .nav-inner {
        width: calc(100% - 18px) !important;
      }

      .links {
        gap: 6px !important;
      }

      .links a {
        min-height: 36px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
      }

      .account-trigger {
        min-height: 38px !important;
        padding: 0 13px !important;
      }

      body:not(.home-page) main {
        padding-top: 88px !important;
      }

      .page-hero {
        padding: 28px 16px !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .2) !important;
      }

      .page-hero h1 {
        font-size: clamp(34px, 10.8vw, 46px) !important;
        line-height: 1.08 !important;
      }

      .page-hero .lead {
        font-size: 15px !important;
        line-height: 1.66 !important;
      }

      .subpage-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
      }

      .secondary-link,
      .owner-action,
      .club-button,
      .forum-button,
      .account-button,
      .wallpaper-button,
      .wallpaper-more-button {
        min-height: 48px !important;
      }

      .section-title {
        padding-top: 24px !important;
      }

      .section-title h2,
      .owner-section-head h2 {
        font-size: clamp(28px, 8.6vw, 38px) !important;
        line-height: 1.16 !important;
      }

      .card,
      .owner-card,
      .owner-stat,
      .owner-flow,
      .listen-panel,
      .account-panel,
      .sound-type-section,
      .wallpaper-panel,
      .articles-toolbar,
      .article-card,
      .forum-panel,
      .forum-post,
      .club-panel,
      .club-card,
      .social-card,
      .support {
        border-radius: 18px !important;
      }

      .owner-hero-card {
        padding-bottom: 18px !important;
      }

      .owner-copy {
        border-radius: 22px !important;
        box-shadow: 0 14px 36px rgba(0, 0, 0, .18) !important;
      }

      .owner-live-stats {
        gap: 7px !important;
        border-radius: 18px !important;
      }

      .owner-live-card {
        min-height: 68px !important;
        border-radius: 14px !important;
      }

      .owner-section {
        padding-top: 32px !important;
      }

      .owner-section-head {
        margin-bottom: 18px !important;
      }

      .owner-grid,
      .owner-stats,
      .wallpaper-grid,
      .article-card-list,
      .forum-post-list,
      .club-card-list,
      .sound-groups {
        gap: 12px !important;
      }

      .wallpaper-panel {
        width: calc(100% - 22px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 14px !important;
      }

      .wallpaper-count,
      .wallpaper-search {
        padding: 13px !important;
      }

      .wallpaper-filters,
      .article-filters {
        padding: 7px 2px 9px !important;
      }

      .wallpaper-filter,
      .article-filter {
        min-height: 44px !important;
      }

      .sound-row,
      .forum-post,
      .forum-reply,
      .club-card,
      .article-card {
        padding: 15px !important;
      }

      .forum-community-strip > div {
        min-height: 0 !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .button,
      .secondary-link,
      .owner-action,
      .club-button,
      .forum-button,
      .account-button,
      .wallpaper-button,
      .wallpaper-more-button,
      .article-filter,
      .wallpaper-filter,
      .listen-button,
      .forum-post,
      .article-card,
      .club-card,
      .wallpaper-card,
      .sound-row,
      .owner-card {
        transition-duration: .01ms !important;
      }
    }

    /* Qiyuan whole-site visual refinement v2: stronger page-specific trims */
    body.sounds-page main,
    body.wallpapers-page main,
    body.forum-page main,
    body.articles-page main,
    body.club-page main {
      padding-top: 50px !important;
    }

    body.sounds-page .page-hero.subpage-focus-hero,
    body.wallpapers-page .page-hero.subpage-focus-hero,
    body.forum-page .page-hero.subpage-focus-hero,
    body.articles-page .page-hero.subpage-focus-hero,
    body.club-page .page-hero.subpage-focus-hero {
      margin: 12px auto 16px !important;
      padding: 34px 30px !important;
      border-radius: 26px !important;
      border-color: rgba(154, 206, 255, .17) !important;
      background:
        linear-gradient(138deg, rgba(8, 17, 32, .95), rgba(12, 28, 52, .89) 57%, rgba(27, 24, 53, .86)) !important;
      box-shadow: 0 14px 34px rgba(0, 0, 0, .2) !important;
    }

    body.sounds-page .page-hero.subpage-focus-hero::before,
    body.wallpapers-page .page-hero.subpage-focus-hero::before,
    body.forum-page .page-hero.subpage-focus-hero::before,
    body.articles-page .page-hero.subpage-focus-hero::before,
    body.club-page .page-hero.subpage-focus-hero::before {
      opacity: .2 !important;
    }

    body.sounds-page .page-hero.subpage-focus-hero::after,
    body.wallpapers-page .page-hero.subpage-focus-hero::after,
    body.forum-page .page-hero.subpage-focus-hero::after,
    body.articles-page .page-hero.subpage-focus-hero::after,
    body.club-page .page-hero.subpage-focus-hero::after {
      opacity: .34 !important;
      filter: blur(4px);
    }

    body.sounds-page .page-hero h1,
    body.wallpapers-page .page-hero h1,
    body.forum-page .page-hero h1,
    body.articles-page .page-hero h1,
    body.club-page .page-hero h1 {
      font-size: 44px !important;
      letter-spacing: 0 !important;
    }

    body.sounds-page .page-hero .lead,
    body.wallpapers-page .page-hero .lead,
    body.forum-page .page-hero .lead,
    body.articles-page .page-hero .lead,
    body.club-page .page-hero .lead {
      color: rgba(226, 238, 255, .76) !important;
      font-weight: 650 !important;
    }

    body.wallpapers-page .wallpaper-panel,
    body.forum-page .forum-feed-panel,
    body.forum-page .forum-compose-panel,
    body.club-page .club-panel,
    body.sounds-page .listen-panel,
    body.articles-page .articles-toolbar,
    body.articles-page .article-follow-card {
      border-radius: var(--qiyuan-radius-panel) !important;
      border-color: var(--qiyuan-panel-line) !important;
      background: linear-gradient(145deg, rgba(13, 25, 45, .82), rgba(8, 14, 27, .88)) !important;
      box-shadow: 0 12px 34px rgba(0, 0, 0, .18) !important;
    }

    body.wallpapers-page .wallpaper-count,
    body.wallpapers-page .wallpaper-search,
    body.wallpapers-page .wallpaper-status,
    body.forum-page .forum-toolbar,
    body.club-page .club-card,
    body.sounds-page .sound-type-section,
    body.articles-page .article-card {
      box-shadow: none !important;
    }

    .section-title h2,
    .owner-section-head h2,
    .article-card h2,
    .forum-feed-panel h2,
    .club-panel h2,
    .listen-panel h2 {
      letter-spacing: 0 !important;
    }

    @media (max-width: 760px) {
      body.sounds-page main,
      body.wallpapers-page main,
      body.forum-page main,
      body.articles-page main,
      body.club-page main {
        padding-top: 18px !important;
      }

      body.sounds-page .page-hero.subpage-focus-hero,
      body.wallpapers-page .page-hero.subpage-focus-hero,
      body.forum-page .page-hero.subpage-focus-hero,
      body.articles-page .page-hero.subpage-focus-hero,
      body.club-page .page-hero.subpage-focus-hero {
        margin-top: 8px !important;
        margin-bottom: 10px !important;
        padding: 24px 16px 17px !important;
        border-radius: 20px !important;
        box-shadow: 0 10px 26px rgba(0, 0, 0, .18) !important;
      }

      body.sounds-page .page-hero h1,
      body.wallpapers-page .page-hero h1,
      body.forum-page .page-hero h1,
      body.articles-page .page-hero h1,
      body.club-page .page-hero h1 {
        font-size: 34px !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
      }

      body.sounds-page .page-hero .lead,
      body.wallpapers-page .page-hero .lead,
      body.forum-page .page-hero .lead,
      body.articles-page .page-hero .lead,
      body.club-page .page-hero .lead {
        font-size: 15px !important;
        line-height: 1.58 !important;
      }

      body.wallpapers-page .wallpaper-panel,
      body.forum-page .forum-feed-panel,
      body.forum-page .forum-compose-panel,
      body.club-page .club-panel,
      body.sounds-page .listen-panel,
      body.articles-page .articles-toolbar,
      body.articles-page .article-follow-card {
        border-radius: 18px !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
      }

      .section-title h2,
      .owner-section-head h2,
      .forum-feed-panel h2,
      .club-panel h2,
      .listen-panel h2 {
        font-size: 28px !important;
        line-height: 1.18 !important;
      }
    }

    /* Qiyuan whole-site visual refinement v3: nav and headline consistency */
    .links {
      background: rgba(255, 255, 255, .06) !important;
      border: 1px solid rgba(178, 214, 255, .13) !important;
      box-shadow: 0 10px 26px rgba(0, 0, 0, .14) !important;
      backdrop-filter: blur(16px);
    }

    .owner-copy h1,
    .owner-section-head h2,
    .section-title h2,
    .page-hero h1 {
      letter-spacing: 0 !important;
    }

    @media (max-width: 760px) {
      .links {
        background: rgba(255, 255, 255, .045) !important;
        border-color: rgba(178, 214, 255, .11) !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .16) !important;
      }
    }

    /* Qiyuan whole-site visual refinement v4: account popover readability */
    .account-popover,
    body.home-page .account-popover {
      color: var(--qiyuan-ink) !important;
      background: linear-gradient(145deg, rgba(14, 25, 43, .96), rgba(7, 12, 24, .98)) !important;
      border-color: rgba(174, 215, 255, .16) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .32) !important;
      backdrop-filter: blur(18px);
    }

    .account-popover h3,
    body.home-page .account-popover h3 {
      color: #f8fbff !important;
      letter-spacing: 0 !important;
    }

    .account-popover p,
    body.home-page .account-popover p {
      color: rgba(226, 238, 255, .68) !important;
    }

    .account-tab {
      color: rgba(244, 249, 255, .86) !important;
      background: rgba(255, 255, 255, .08) !important;
    }

    .account-tab.active {
      color: #ffffff !important;
      background: var(--qiyuan-button-gradient) !important;
    }

    .top-account-button.ghost {
      color: rgba(244, 249, 255, .86) !important;
      background: rgba(255, 255, 255, .08) !important;
    }

    .top-account-status {
      color: rgba(226, 238, 255, .7) !important;
      background: rgba(255, 255, 255, .07) !important;
      border-color: rgba(174, 215, 255, .12) !important;
      border-radius: 12px !important;
      padding: 8px 10px !important;
    }

    /* Qiyuan readability repair v1 */
    :root {
      --read-dark-title: #edf6ff;
      --read-dark-text: #dbeafe;
      --read-dark-muted: rgba(203, 220, 240, .82);
      --read-dark-soft: rgba(184, 202, 224, .72);
      --read-light-ink: #111827;
      --read-light-text: #1f2937;
      --read-light-muted: #475569;
      --read-light-soft: #64748b;
      --read-light-panel: #f8fbff;
      --read-light-panel-2: #eef6ff;
      --read-light-line: rgba(15, 23, 42, .1);
    }

    body.social-page,
    body.support-page,
    body.account-page {
      background:
        radial-gradient(circle at 18% 0%, rgba(56, 189, 248, .1), transparent 28%),
        radial-gradient(circle at 84% 12%, rgba(124, 58, 237, .1), transparent 30%),
        linear-gradient(180deg, #050b16 0%, #07111f 44%, #050b16 100%) !important;
      color: var(--read-dark-text) !important;
    }

    body.home-page .owner-home {
      background:
        radial-gradient(circle at 18% 8%, rgba(56, 189, 248, .12), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(124, 58, 237, .13), transparent 30%),
        linear-gradient(180deg, #020617 0%, #07111f 34%, #17263b 43%, #dce8f3 56%, #eef5fb 100%) !important;
    }

    body.home-page .owner-section {
      color: var(--read-light-text) !important;
    }

    body.home-page .owner-section-head {
      color: var(--read-dark-text) !important;
      background:
        radial-gradient(circle at 8% 0%, rgba(56, 189, 248, .14), transparent 36%),
        linear-gradient(135deg, rgba(7, 17, 31, .98) 0%, rgba(16, 29, 49, .96) 100%) !important;
      box-shadow: 0 18px 48px rgba(15, 23, 42, .14) !important;
    }

    body.home-page .owner-section-head h2 {
      color: var(--read-dark-title) !important;
      -webkit-text-fill-color: var(--read-dark-title) !important;
      text-shadow: 0 2px 14px rgba(0, 0, 0, .28) !important;
    }

    body.home-page .owner-section-head p {
      color: #8adfff !important;
      text-shadow: none !important;
    }

    body.home-page .owner-note {
      color: var(--read-dark-muted) !important;
      background: rgba(255, 255, 255, .07) !important;
      text-shadow: none !important;
    }

    body.home-page .owner-flow {
      color: var(--read-light-text) !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .14), transparent 34%),
        linear-gradient(135deg, var(--read-light-panel) 0%, var(--read-light-panel-2) 100%) !important;
      border: 1px solid var(--read-light-line) !important;
      box-shadow: 0 18px 46px rgba(15, 23, 42, .1) !important;
      text-shadow: none !important;
      backdrop-filter: none !important;
    }

    body.home-page .owner-flow h2 {
      color: var(--read-light-ink) !important;
      -webkit-text-fill-color: var(--read-light-ink) !important;
      text-shadow: none !important;
      filter: none !important;
      letter-spacing: 0 !important;
    }

    body.home-page .owner-flow p {
      color: var(--read-light-muted) !important;
      -webkit-text-fill-color: var(--read-light-muted) !important;
      text-shadow: none !important;
      opacity: 1 !important;
    }

    body.home-page .owner-flow li {
      color: var(--read-light-text) !important;
      -webkit-text-fill-color: var(--read-light-text) !important;
      background: rgba(255, 255, 255, .84) !important;
      border: 1px solid rgba(15, 23, 42, .08) !important;
      box-shadow: 0 10px 26px rgba(15, 23, 42, .06) !important;
      text-shadow: none !important;
      opacity: 1 !important;
    }

    body.home-page .owner-flow li span {
      color: #155ee7 !important;
      -webkit-text-fill-color: #155ee7 !important;
      background: #dbeafe !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.home-page .owner-welcome-title,
    body.home-page .owner-welcome-title .owner-line,
    body.home-page .owner-welcome-title .owner-title-rest,
    .page-hero h1,
    .page-hero h1 .rainbow,
    .section-title h2 {
      color: var(--read-dark-title) !important;
      -webkit-text-fill-color: var(--read-dark-title) !important;
      text-shadow: 0 3px 18px rgba(2, 6, 23, .3) !important;
      filter: none !important;
    }

    body.home-page .owner-welcome-title .owner-name {
      background: linear-gradient(100deg, #f4f9ff 0%, #7dd3fc 35%, #a78bfa 68%, #f9d5ff 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
      text-shadow: none !important;
      filter: none !important;
    }

    .page-hero .lead,
    body.sounds-page .page-hero .lead,
    body.wallpapers-page .page-hero .lead,
    body.forum-page .page-hero .lead,
    body.articles-page .page-hero .lead,
    body.club-page .page-hero .lead,
    body.social-page .page-hero .lead,
    body.support-page .page-hero .lead,
    body.account-page .account-center-hero p {
      color: var(--read-dark-muted) !important;
      text-shadow: none !important;
      opacity: 1 !important;
    }

    .card p,
    .owner-card p,
    .listen-head p,
    .forum-panel p,
    .forum-post-body,
    .forum-reply-summary,
    .club-panel p,
    .club-card p,
    .social-card p,
    .support p,
    .article-card-summary,
    .wallpaper-count span,
    .wallpaper-search span,
    .wallpaper-tip,
    .wallpaper-meta,
    .wallpaper-download-row small,
    .sound-type-head p,
    .sound-meta,
    .sound-counts,
    .player-status,
    .forum-message,
    .club-message,
    .account-status,
    .account-center-panel p,
    .account-history-item small,
    .account-forum-item small,
    .account-review-note {
      color: var(--read-dark-muted) !important;
      text-shadow: none !important;
      opacity: 1 !important;
    }

    .card h3,
    .owner-card h3,
    .listen-head h3,
    .forum-panel h3,
    .forum-post h4,
    .club-panel h3,
    .club-card h4,
    .social-card h3,
    .support h2,
    .article-card strong,
    .wallpaper-body h3,
    .account-center-panel h2,
    .account-center-panel h3 {
      color: var(--read-dark-title) !important;
      -webkit-text-fill-color: var(--read-dark-title) !important;
      text-shadow: none !important;
      filter: none !important;
    }

    .button.primary,
    .owner-action.primary,
    .club-button.blue,
    .forum-button.blue,
    .account-button.primary,
    .account-button.blue,
    .account-center-button.primary,
    .top-account-button.blue,
    .wallpaper-button,
    .wallpaper-more-button,
    .secondary-link.subpage-primary-link,
    .article-filter.active,
    .wallpaper-filter.active,
    .listen-button,
    .platform-link {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .34) !important;
      background: linear-gradient(135deg, #1d5ee8 0%, #6654ee 60%, #b8297d 100%) !important;
    }

    .secondary-link,
    .owner-action,
    .club-button.ghost,
    .forum-button.ghost,
    .account-button.ghost,
    .account-center-button.ghost,
    .article-filter,
    .wallpaper-filter {
      color: rgba(230, 241, 255, .9) !important;
      text-shadow: none !important;
    }

    .sound-toolbar input::placeholder,
    .forum-toolbar input::placeholder,
    .forum-form input::placeholder,
    .forum-form textarea::placeholder,
    .club-form input::placeholder,
    .wallpaper-search input::placeholder,
    .article-search input::placeholder,
    .top-account-form input::placeholder,
    .account-profile-form input::placeholder,
    .account-password-form input::placeholder {
      color: rgba(203, 220, 240, .68) !important;
      -webkit-text-fill-color: rgba(203, 220, 240, .68) !important;
      opacity: 1 !important;
    }

    body.wallpapers-page .wallpaper-count,
    body.wallpapers-page .wallpaper-status span,
    body.wallpapers-page .wallpaper-filter,
    body.wallpapers-page .wallpaper-meta span,
    body.wallpapers-page .wallpaper-download-row small,
    body.articles-page .articles-count,
    body.articles-page .article-search,
    body.forum-page .forum-total-chip,
    body.forum-page .forum-total-note,
    body.club-page .club-meta span,
    body.account-page .account-stat-chip,
    body.account-page .account-mini-card,
    body.account-page .account-quota-card {
      color: rgba(226, 238, 255, .86) !important;
      background: rgba(255, 255, 255, .08) !important;
      border-color: rgba(186, 230, 253, .14) !important;
    }

    body.wallpapers-page .wallpaper-count strong,
    body.wallpapers-page .wallpaper-status strong,
    body.articles-page .articles-count strong,
    body.forum-page .forum-total-chip strong,
    body.account-page .account-stat-chip strong,
    body.account-page .account-mini-card strong,
    body.account-page .account-quota-card strong {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow: none !important;
    }

    body.account-page .account-center-hero,
    body.account-page .account-center-panel,
    body.account-page .account-gate {
      color: var(--read-dark-text) !important;
      background:
        radial-gradient(circle at 12% 0%, rgba(56, 189, 248, .12), transparent 34%),
        linear-gradient(145deg, rgba(13, 25, 45, .92), rgba(7, 12, 24, .96)) !important;
      border-color: rgba(186, 230, 253, .14) !important;
      box-shadow: 0 16px 42px rgba(0, 0, 0, .22) !important;
    }

    body.account-page .account-profile-form input,
    body.account-page .account-profile-form select,
    body.account-page .account-password-form input {
      color: #f8fbff !important;
      background: rgba(2, 6, 23, .38) !important;
      border-color: rgba(186, 230, 253, .16) !important;
    }

    body.account-page .account-center-message,
    body.account-page .account-gate p,
    body.account-page .account-empty,
    body.support-page .next-item,
    body.support-page .qr-box span {
      color: rgba(218, 232, 252, .84) !important;
      -webkit-text-fill-color: rgba(218, 232, 252, .84) !important;
      text-shadow: none !important;
      opacity: 1 !important;
    }

    body.account-page .account-gate h2,
    body.support-page .qr-box strong {
      color: var(--read-dark-title) !important;
      -webkit-text-fill-color: var(--read-dark-title) !important;
      text-shadow: none !important;
    }

    body.support-page .next-item {
      background: rgba(255, 255, 255, .075) !important;
      border-color: rgba(186, 230, 253, .13) !important;
    }

    body.social-page footer,
    body.support-page footer,
    body.account-page footer {
      color: rgba(203, 220, 240, .76) !important;
      background: rgba(5, 11, 22, .94) !important;
      border-top-color: rgba(186, 230, 253, .12) !important;
    }

    @media (max-width: 760px) {
      body.home-page .owner-home {
        background:
          radial-gradient(circle at 18% 8%, rgba(56, 189, 248, .1), transparent 30%),
          linear-gradient(180deg, #020617 0%, #07111f 32%, #17263b 42%, #dce8f3 58%, #eef5fb 100%) !important;
      }

      body.home-page .owner-flow {
        border-radius: 24px !important;
        padding: 22px 18px !important;
      }

      body.home-page .owner-flow h2 {
        font-size: clamp(30px, 11vw, 44px) !important;
        line-height: 1.08 !important;
      }

      body.home-page .owner-flow p {
        font-size: 15px !important;
        line-height: 1.72 !important;
      }

      body.home-page .owner-flow li {
        min-height: 72px !important;
        align-items: center !important;
        color: var(--read-light-text) !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
      }

      body.home-page .owner-flow li span {
        flex: 0 0 auto !important;
      }

      body.home-page .owner-welcome-title,
      body.sounds-page .page-hero h1,
      body.wallpapers-page .page-hero h1,
      body.forum-page .page-hero h1,
      body.articles-page .page-hero h1,
      body.club-page .page-hero h1,
      body.social-page .page-hero h1,
      body.support-page .page-hero h1,
      body.account-page .account-center-hero h1 {
        text-shadow: 0 2px 12px rgba(2, 6, 23, .28) !important;
      }
    }

    /* Sound library card grid and forum detail repair v1 */
    body.sounds-page .sound-type-section {
      color: #eaf6ff !important;
      background:
        linear-gradient(180deg, rgba(13, 23, 43, .9), rgba(7, 13, 26, .96)) !important;
      border: 1px solid rgba(186, 230, 253, .13) !important;
      box-shadow: 0 16px 42px rgba(2, 6, 23, .22) !important;
    }

    body.sounds-page .sound-type-section.welcome,
    body.sounds-page .sound-type-section.lock {
      background:
        radial-gradient(circle at 10% 0%, rgba(56, 189, 248, .12), transparent 28%),
        linear-gradient(180deg, rgba(13, 23, 43, .9), rgba(7, 13, 26, .96)) !important;
    }

    body.sounds-page .sound-type-head {
      align-items: center !important;
    }

    body.sounds-page .sound-type-head h4 {
      color: #f4f9ff !important;
      -webkit-text-fill-color: #f4f9ff !important;
      font-size: clamp(24px, 2.6vw, 34px) !important;
      line-height: 1.12 !important;
      letter-spacing: 0 !important;
      text-shadow: none !important;
      filter: none !important;
    }

    body.sounds-page .sound-type-head p {
      color: rgba(219, 234, 254, .82) !important;
      text-shadow: none !important;
    }

    body.sounds-page .sound-type-count {
      color: #eaf6ff !important;
      background: rgba(255, 255, 255, .08) !important;
      border-color: rgba(255, 255, 255, .12) !important;
      box-shadow: none !important;
    }

    body.sounds-page .sound-type-section .sound-list {
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
      gap: 14px !important;
      max-height: 760px !important;
      padding-right: 8px !important;
    }

    body.sounds-page .sound-row {
      min-width: 0 !important;
      min-height: 214px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      justify-content: space-between !important;
      gap: 14px !important;
      padding: 16px !important;
      border-radius: 18px !important;
      color: #eaf6ff !important;
      background:
        linear-gradient(180deg, rgba(14, 24, 44, .95), rgba(8, 14, 28, .96)) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: 0 12px 30px rgba(2, 6, 23, .24) !important;
    }

    body.sounds-page .sound-row > div:first-child {
      min-width: 0 !important;
    }

    body.sounds-page .sound-row :is(h3,h4) {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      font-size: 17px !important;
      line-height: 1.38 !important;
      letter-spacing: 0 !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      text-shadow: none !important;
    }

    body.sounds-page .sound-meta {
      gap: 7px !important;
      color: rgba(219, 234, 254, .82) !important;
    }

    body.sounds-page .sound-meta span,
    body.sounds-page .sound-counts span {
      min-width: 0 !important;
      max-width: 100% !important;
      color: rgba(226, 238, 255, .84) !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(255, 255, 255, .08) !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      box-shadow: none !important;
    }

    body.sounds-page .sound-actions {
      width: 100% !important;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 8px !important;
      align-items: stretch !important;
    }

    body.sounds-page .listen-button,
    body.sounds-page .download-button {
      width: 100% !important;
      min-height: 42px !important;
      padding: 0 10px !important;
      border-radius: 13px !important;
      font-size: 14px !important;
      line-height: 1.15 !important;
      white-space: nowrap !important;
      box-shadow: 0 10px 24px rgba(37, 99, 235, .18) !important;
    }

    body.sounds-page .download-button:not(.enabled) {
      color: #e2e8f0 !important;
      background: rgba(148, 163, 184, .28) !important;
      box-shadow: none !important;
    }

    body.sounds-page .download-button.enabled {
      color: #fff !important;
      background: linear-gradient(135deg, #38bdf8, #34d399) !important;
    }

    body.sounds-page .sound-counts {
      grid-column: 1 / -1 !important;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 7px !important;
      color: rgba(226, 238, 255, .82) !important;
      font-size: 12px !important;
    }

    body.forum-page .forum-detail-toggle {
      color: #eaf6ff !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(186, 230, 253, .16) !important;
    }

    body.forum-page .forum-detail-toggle[aria-expanded="true"] {
      color: #031226 !important;
      background: linear-gradient(135deg, #7dd3fc, #c4b5fd) !important;
      border-color: transparent !important;
    }

    body.forum-page .forum-replies {
      padding: 14px !important;
      border-top: 1px solid rgba(255, 255, 255, .1) !important;
      border-radius: 18px !important;
      background: rgba(255, 255, 255, .045) !important;
    }

    body.forum-page .forum-image-grid figure,
    body.forum-page .forum-inline-image {
      background: rgba(7, 13, 26, .72) !important;
      border: 1px solid rgba(186, 230, 253, .13) !important;
      box-shadow: 0 12px 32px rgba(2, 6, 23, .24) !important;
    }

    body.forum-page .forum-image-grid a,
    body.forum-page .forum-inline-image a {
      display: block !important;
      background: rgba(3, 8, 20, .5) !important;
    }

    body.forum-page .forum-image-grid img,
    body.forum-page .forum-inline-image img {
      background: rgba(3, 8, 20, .5) !important;
    }

    body.forum-page .forum-post .forum-image-grid figcaption,
    body.forum-page .forum-inline-image figcaption {
      display: none !important;
    }

    @media (max-width: 760px) {
      body.sounds-page .sound-type-section {
        padding: 14px !important;
        border-radius: 22px !important;
      }

      body.sounds-page .sound-type-head {
        align-items: flex-start !important;
        gap: 10px !important;
      }

      body.sounds-page .sound-type-head h4 {
        font-size: 23px !important;
      }

      body.sounds-page .sound-type-head p {
        font-size: 13px !important;
        line-height: 1.5 !important;
      }

      body.sounds-page .sound-type-section .sound-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
      }

      body.sounds-page .sound-row {
        min-height: 220px !important;
        padding: 12px !important;
        border-radius: 16px !important;
      }

      body.sounds-page .sound-row :is(h3,h4) {
        font-size: 15px !important;
      }

      body.sounds-page .sound-meta {
        gap: 5px !important;
        font-size: 11px !important;
      }

      body.sounds-page .sound-meta span,
      body.sounds-page .sound-counts span {
        padding: 6px 7px !important;
      }

      body.sounds-page .sound-actions {
        grid-template-columns: 1fr !important;
      }

      body.sounds-page .listen-button,
      body.sounds-page .download-button {
        min-height: 40px !important;
        padding: 0 6px !important;
        font-size: 13px !important;
      }

      body.forum-page .forum-actions {
        gap: 9px !important;
      }

      body.forum-page .forum-detail-toggle {
        min-height: 42px !important;
      }
    }

    @media (max-width: 360px) {
      body.sounds-page .sound-type-section .sound-list {
        grid-template-columns: 1fr !important;
      }
    }

    /* Qiyuan dark surface regression repair v1 */
    body.sounds-page .player-status,
    body.sounds-page .account-status,
    body.forum-page .forum-message,
    body.account-page .forum-message,
    body.account-page .account-status,
    body.account-page .account-center-message {
      color: rgba(219, 234, 254, .86) !important;
      -webkit-text-fill-color: rgba(219, 234, 254, .86) !important;
      background: rgba(8, 15, 30, .72) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      border-radius: 14px !important;
      padding: 10px 12px !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.sounds-page .player-status:empty,
    body.sounds-page .account-status:empty,
    body.forum-page .forum-message:empty,
    body.account-page .forum-message:empty,
    body.account-page .account-status:empty,
    body.account-page .account-center-message:empty {
      display: none !important;
    }

    body.sounds-page #playerStatus {
      display: block !important;
      min-height: 44px !important;
      margin-top: 16px !important;
    }

    body.sounds-page .card .pill-row {
      position: static !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
      margin-top: 18px !important;
    }

    body.sounds-page .card.wide {
      min-height: 0 !important;
    }

    body.sounds-page .card .notice {
      color: #fdecc8 !important;
      -webkit-text-fill-color: #fdecc8 !important;
      background: rgba(250, 204, 21, .1) !important;
      border: 1px solid rgba(250, 204, 21, .22) !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.sounds-page .sound-library .metric,
    body.sounds-page .card .metric {
      color: #f8fbff !important;
      background: rgba(8, 15, 30, .66) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }

    body.sounds-page .sound-library .metric strong,
    body.sounds-page .card .metric strong {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow: none !important;
    }

    body.sounds-page .sound-library .metric span,
    body.sounds-page .card .metric span {
      color: rgba(219, 234, 254, .82) !important;
      -webkit-text-fill-color: rgba(219, 234, 254, .82) !important;
    }

    body.sounds-page .category-cloud span,
    body.sounds-page .card .pill {
      color: rgba(234, 246, 255, .9) !important;
      -webkit-text-fill-color: rgba(234, 246, 255, .9) !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.sounds-page .account-panel,
    body.sounds-page .account-box {
      color: #eaf6ff !important;
      background:
        radial-gradient(circle at 12% 0%, rgba(56, 189, 248, .1), transparent 34%),
        linear-gradient(180deg, rgba(13, 23, 43, .92), rgba(7, 13, 26, .96)) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: 0 16px 42px rgba(2, 6, 23, .22) !important;
    }

    body.sounds-page .account-box h4 {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow: none !important;
    }

    body.sounds-page .account-box p {
      color: rgba(219, 234, 254, .82) !important;
      -webkit-text-fill-color: rgba(219, 234, 254, .82) !important;
    }

    body.sounds-page .account-form input,
    body.account-page .account-profile-form input,
    body.account-page .account-profile-form select,
    body.account-page .account-password-form input {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      background: rgba(3, 9, 20, .54) !important;
      border: 1px solid rgba(186, 230, 253, .16) !important;
      box-shadow: none !important;
    }

    body.sounds-page .account-form input::placeholder,
    body.account-page .account-profile-form input::placeholder,
    body.account-page .account-password-form input::placeholder {
      color: rgba(219, 234, 254, .58) !important;
      -webkit-text-fill-color: rgba(219, 234, 254, .58) !important;
      opacity: 1 !important;
    }

    body.sounds-page .account-button.ghost,
    body.account-page .account-center-button.ghost {
      color: #eaf6ff !important;
      -webkit-text-fill-color: #eaf6ff !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: none !important;
    }

    body.sounds-page .account-badge,
    body.sounds-page #authStatus.live-total {
      color: #eaf6ff !important;
      -webkit-text-fill-color: #eaf6ff !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: none !important;
    }

    body.sounds-page .account-badge.warn {
      color: #fde68a !important;
      -webkit-text-fill-color: #fde68a !important;
      background: rgba(250, 204, 21, .1) !important;
      border-color: rgba(250, 204, 21, .22) !important;
    }

    body.account-page .account-wechat-box,
    body.account-page .account-history-item,
    body.account-page .account-forum-item,
    body.account-page .account-empty,
    body.account-page .account-title-chip,
    body.account-page .account-mini-card,
    body.account-page .account-quota-card {
      color: #eaf6ff !important;
      background: rgba(8, 15, 30, .62) !important;
      border: 1px solid rgba(186, 230, 253, .14) !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.account-page .account-title-chip.locked {
      background: rgba(148, 163, 184, .12) !important;
      border-color: rgba(148, 163, 184, .2) !important;
    }

    body.account-page .account-title-chip.unlocked,
    body.account-page .account-quota-card.ok {
      background: rgba(34, 197, 94, .09) !important;
      border-color: rgba(34, 197, 94, .18) !important;
    }

    body.account-page .account-quota-card.empty {
      background: rgba(250, 204, 21, .09) !important;
      border-color: rgba(250, 204, 21, .2) !important;
    }

    body.account-page .account-wechat-box strong,
    body.account-page .account-history-item strong,
    body.account-page .account-forum-item strong,
    body.account-page .account-title-chip strong,
    body.account-page .account-mini-card strong,
    body.account-page .account-quota-card strong {
      color: #f8fbff !important;
      -webkit-text-fill-color: #f8fbff !important;
      text-shadow: none !important;
    }

    body.account-page .account-wechat-box span,
    body.account-page .account-wechat-box small,
    body.account-page .account-history-item small,
    body.account-page .account-forum-item small,
    body.account-page .account-forum-item p,
    body.account-page .account-title-chip small,
    body.account-page .account-mini-card small,
    body.account-page .account-quota-card small,
    body.account-page .account-review-note {
      color: rgba(219, 234, 254, .78) !important;
      -webkit-text-fill-color: rgba(219, 234, 254, .78) !important;
      text-shadow: none !important;
    }

    html:has(body.account-page),
    body.account-page {
      min-height: 100% !important;
      background:
        radial-gradient(circle at 18% 0%, rgba(56, 189, 248, .1), transparent 28%),
        radial-gradient(circle at 84% 12%, rgba(124, 58, 237, .1), transparent 30%),
        linear-gradient(180deg, #050b16 0%, #07111f 44%, #050b16 100%) fixed !important;
    }

    body.account-page main.account-center-page {
      background: transparent !important;
    }

    body.forum-page .forum-image-grid,
    body.forum-page .forum-inline-image {
      color: #eaf6ff !important;
      background: transparent !important;
    }

    /* Qiyuan readability and mobile hierarchy final pass */
    :root {
      --qiyuan-title-clean: #e8eef8;
      --qiyuan-copy-clean: #c5d0df;
      --qiyuan-copy-muted-clean: #9baabc;
      --qiyuan-light-title: #182235;
      --qiyuan-light-copy: #475569;
      --qiyuan-light-surface: #f7f9fc;
      --qiyuan-light-line: #dbe3ee;
    }

    html,
    body {
      max-width: 100%;
      overflow-x: clip;
    }

    body.home-page .owner-welcome-title,
    body.home-page .owner-section-head h2,
    body:not(.home-page) .page-hero h1,
    body:not(.home-page) .page-hero h1 .rainbow,
    body:not(.home-page) .section-title h2,
    body.account-page .account-center-hero h1,
    body.support-page .support h2 {
      color: var(--qiyuan-title-clean) !important;
      -webkit-text-fill-color: var(--qiyuan-title-clean) !important;
      font-weight: 720 !important;
      letter-spacing: 0 !important;
      text-shadow: none !important;
      filter: none !important;
    }

    body:not(.home-page) .page-hero h1,
    body:not(.home-page) .page-hero h1 .rainbow {
      font-size: clamp(34px, 3.45vw, 50px) !important;
      line-height: 1.16 !important;
    }

    body:not(.home-page) .section-title h2 {
      font-size: clamp(27px, 2.65vw, 40px) !important;
      line-height: 1.2 !important;
    }

    body.account-page .account-center-hero h1 {
      font-size: clamp(34px, 3.4vw, 48px) !important;
      line-height: 1.16 !important;
    }

    body:not(.home-page) .page-hero {
      min-height: 0 !important;
      margin-top: 14px !important;
      padding: 26px clamp(20px, 3.2vw, 38px) !important;
      background: linear-gradient(120deg, rgba(8, 18, 34, .96), rgba(16, 28, 48, .92)) !important;
      border-color: rgba(157, 194, 234, .16) !important;
      box-shadow: 0 10px 28px rgba(0, 0, 0, .18) !important;
    }

    body:not(.home-page) .page-hero::before,
    body:not(.home-page) .page-hero::after {
      display: none !important;
    }

    body:not(.home-page) .page-hero .lead,
    body.account-page .account-center-hero p,
    body:not(.home-page) .section-title p {
      color: var(--qiyuan-copy-clean) !important;
      font-weight: 500 !important;
      text-shadow: none !important;
    }

    body:not(.home-page) .page-hero .subpage-actions {
      margin-top: 16px !important;
      gap: 8px !important;
    }

    body:not(.home-page) .page-hero .subpage-primary-link {
      min-height: 42px !important;
      padding: 0 16px !important;
    }

    body:not(.home-page) .page-hero .subpage-actions .secondary-link:not(.subpage-primary-link) {
      min-height: 32px !important;
      padding: 4px 3px !important;
      color: #b8c7d9 !important;
      background: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important;
      font-size: 14px !important;
      font-weight: 650 !important;
    }

    body:not(.home-page) .page-hero .subpage-actions .secondary-link:not(.subpage-primary-link)::after {
      content: "\2192";
      margin-left: 5px;
      color: #7dd3fc;
    }

    body.account-page .account-center-hero,
    body.account-page .account-center-panel,
    body.account-page .account-gate,
    body:not(.home-page) .listen-panel,
    body:not(.home-page) .wallpaper-panel,
    body:not(.home-page) .articles-toolbar,
    body:not(.home-page) .forum-panel,
    body:not(.home-page) .club-panel,
    body:not(.home-page) .social-card,
    body.support-page .support {
      box-shadow: 0 8px 22px rgba(0, 0, 0, .16) !important;
    }

    body.support-page .qr-box {
      color: var(--qiyuan-light-copy) !important;
      background: var(--qiyuan-light-surface) !important;
      border: 1px solid var(--qiyuan-light-line) !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.support-page .qr-box strong {
      color: var(--qiyuan-light-title) !important;
      -webkit-text-fill-color: var(--qiyuan-light-title) !important;
      font-size: 23px !important;
      font-weight: 720 !important;
      text-shadow: none !important;
    }

    body.support-page .qr-box span {
      color: var(--qiyuan-light-copy) !important;
      -webkit-text-fill-color: var(--qiyuan-light-copy) !important;
      font-weight: 500 !important;
      text-shadow: none !important;
    }

    body.support-page .qr-box img {
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 8px 18px rgba(15, 23, 42, .1) !important;
    }

    body.support-page .qr-frame,
    body.social-page .qr-frame {
      text-shadow: none !important;
    }

    body.sounds-page .sound-type-section .sound-list {
      max-height: none !important;
      overflow: visible !important;
      padding-right: 0 !important;
    }

    body.sounds-page .sound-row,
    body.wallpapers-page .wallpaper-card,
    body.articles-page .article-card,
    body.forum-page .forum-post,
    body.club-page .club-card,
    body.social-page .social-card {
      box-shadow: 0 6px 18px rgba(0, 0, 0, .14) !important;
    }

    .filter-scroll-shell {
      position: relative;
      min-width: 0;
    }

    .filter-scroll-hint {
      display: none;
    }

    body.wallpapers-page .wallpaper-search input,
    body.articles-page .article-search input {
      font-size: 15px !important;
      font-weight: 500 !important;
    }

    body.wallpapers-page .wallpaper-search input::placeholder,
    body.articles-page .article-search input::placeholder {
      color: #9baabc !important;
      -webkit-text-fill-color: #9baabc !important;
      font-weight: 500 !important;
    }

    @media (max-width: 760px) {
      .nav {
        height: auto !important;
        min-height: 70px;
        position: sticky !important;
      }

      .nav-inner {
        width: calc(100% - 20px) !important;
        min-height: 70px !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
          "brand account"
          "links links";
        align-items: center !important;
        gap: 5px 8px !important;
        padding: 7px 0 6px !important;
      }

      .brand {
        grid-area: brand;
        min-width: 0;
        gap: 7px !important;
        overflow: hidden;
      }

      .brand > span:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .account-entry {
        grid-area: account;
      }

      .account-trigger {
        min-height: 40px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
      }

      .links {
        grid-area: links;
        display: flex !important;
        max-width: 100%;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 28px 3px 1px !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(125, 211, 252, .46) transparent;
        -webkit-overflow-scrolling: touch;
        mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
      }

      .links a {
        flex: 0 0 auto;
        min-height: 40px !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
        font-weight: 680 !important;
      }

      .links a.nav-page {
        color: #eaf6ff !important;
        background: rgba(78, 117, 237, .38) !important;
        border-color: rgba(157, 194, 234, .24) !important;
        box-shadow: none !important;
      }

      .nav::after {
        content: "›";
        position: absolute;
        right: 7px;
        bottom: 7px;
        z-index: 2;
        display: grid;
        width: 20px;
        height: 34px;
        place-items: center;
        color: #d9f3ff;
        font-size: 24px;
        line-height: 1;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(7, 15, 30, .9) 42%);
      }

      body:not(.home-page) main {
        padding-top: 12px !important;
      }

      body:not(.home-page) .page-hero {
        width: calc(100% - 24px) !important;
        margin: 10px auto 4px !important;
        padding: 22px 17px 17px !important;
        border-radius: 18px !important;
      }

      body:not(.home-page) .page-hero h1,
      body:not(.home-page) .page-hero h1 .rainbow,
      body.account-page .account-center-hero h1 {
        font-size: clamp(30px, 8.8vw, 36px) !important;
        line-height: 1.2 !important;
      }

      body:not(.home-page) .page-hero .lead,
      body.account-page .account-center-hero p {
        font-size: 15px !important;
        line-height: 1.62 !important;
      }

      body:not(.home-page) .page-hero .subpage-actions {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 13px !important;
      }

      body:not(.home-page) .page-hero .subpage-primary-link {
        min-height: 44px !important;
        padding: 0 15px !important;
      }

      body:not(.home-page) .page-hero .subpage-actions .secondary-link:not(.subpage-primary-link) {
        min-height: 30px !important;
        padding: 4px 2px !important;
      }

      body.sounds-page .sound-type-section .sound-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      body.sounds-page .sound-row {
        min-height: 206px !important;
        box-shadow: none !important;
      }

      body.sounds-page .sound-row :is(h3,h4) {
        font-size: 15px !important;
      }

      body.articles-page .filter-scroll-shell {
        grid-column: 1 / -1;
      }

      .filter-scroll-shell .wallpaper-filters,
      .filter-scroll-shell .article-filters {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin: 12px 0 14px !important;
        padding: 3px 32px 10px 2px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(125, 211, 252, .5) transparent;
        -webkit-overflow-scrolling: touch;
        mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 30px), transparent 100%);
      }

      .filter-scroll-shell .wallpaper-filter,
      .filter-scroll-shell .article-filter {
        flex: 0 0 auto;
        min-height: 42px !important;
        padding: 0 13px !important;
        font-size: 14px !important;
      }

      .filter-scroll-hint {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 2;
        display: grid;
        width: 28px;
        height: 36px;
        place-items: center;
        transform: translateY(-52%);
        color: #d9f3ff;
        font-size: 24px;
        line-height: 1;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(10, 18, 34, .94) 46%);
      }

      body.support-page .support {
        padding: 24px 18px !important;
        gap: 24px !important;
      }

      body.support-page .support h2 {
        font-size: clamp(29px, 8.4vw, 35px) !important;
        line-height: 1.2 !important;
      }

      body.support-page .qr-box {
        min-height: 0 !important;
        padding: 20px 16px !important;
        border-radius: 18px !important;
      }

      body.account-page .account-center-hero {
        padding: 22px 17px !important;
        border-radius: 18px !important;
      }
    }

    @media (max-width: 760px) {
      .nav::after {
        content: none !important;
        display: none !important;
      }
    }

    /* Shared, content-sized usage notice for audio and wallpaper libraries. */
    .resource-disclaimer {
      display: grid;
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.38fr);
      gap: clamp(20px, 3vw, 36px);
      align-items: start;
      margin-top: 24px;
      padding: clamp(22px, 3vw, 34px);
      color: #eaf3ff;
      background: linear-gradient(145deg, rgba(18, 31, 54, .86), rgba(9, 15, 28, .94));
      border: 1px solid rgba(143, 208, 255, .2);
      border-radius: 22px;
      box-shadow: 0 16px 42px rgba(2, 6, 23, .18);
    }

    .resource-disclaimer-heading h3 {
      margin: 4px 0 0;
      color: #f3f8ff;
      font-size: clamp(24px, 2.7vw, 34px);
      line-height: 1.16;
      letter-spacing: 0;
      text-shadow: none;
    }

    .resource-disclaimer-kicker {
      margin: 0;
      color: #93d7ff;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .resource-disclaimer-heading > p:last-child {
      margin: 12px 0 0;
      color: rgba(219, 234, 254, .88);
      font-size: 16px;
      line-height: 1.7;
    }

    .resource-disclaimer-detail {
      display: grid;
      gap: 16px;
    }

    .resource-disclaimer .notice {
      margin: 0;
      padding: 16px 18px;
      color: #fdecc8 !important;
      -webkit-text-fill-color: #fdecc8 !important;
      font-size: 15px;
      line-height: 1.7;
      background: rgba(250, 204, 21, .1) !important;
      border: 1px solid rgba(250, 204, 21, .22) !important;
      border-radius: 16px;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    .resource-disclaimer .pill-row {
      position: static !important;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0;
      padding: 0;
    }

    .resource-disclaimer .pill {
      color: rgba(234, 246, 255, .92) !important;
      -webkit-text-fill-color: rgba(234, 246, 255, .92) !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(255, 255, 255, .1) !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.sounds-page .sound-disclaimer {
      margin-bottom: 30px;
    }

    body.wallpapers-page .wallpaper-disclaimer {
      margin-top: 22px;
    }

    @media (max-width: 760px) {
      .resource-disclaimer {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
        border-radius: 18px;
      }

      .resource-disclaimer-heading h3 {
        font-size: clamp(23px, 7vw, 30px);
      }

      .resource-disclaimer-heading > p:last-child,
      .resource-disclaimer .notice {
        font-size: 14px;
      }
    }

    /* Keep every article category visible on wide screens. */
    body.articles-page .filter-scroll-shell {
      grid-column: 1 / -1;
      width: 100%;
    }

    body.articles-page .article-filters {
      width: 100%;
      flex-wrap: wrap !important;
      overflow: visible !important;
    }

    body.articles-page .filter-scroll-hint {
      display: none !important;
    }

    @media (max-width: 760px) {
      body.articles-page .article-filters {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
      }

      body.articles-page .filter-scroll-hint {
        display: grid !important;
      }
    }

    /* Keep the police filing badge on the same text baseline as the footer. */
    footer {
      line-height: 1.65;
    }

    .footer-beian-link {
      display: inline;
      white-space: nowrap;
    }

    .footer-beian-icon {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 4px;
      vertical-align: -3px;
    }

    /* Admin-only feedback needs its own dark-surface contrast treatment. */
    body.admin-page .forum-message,
    body.admin-page .club-message,
    body.admin-page .player-status {
      color: rgba(226, 238, 255, .92) !important;
      -webkit-text-fill-color: rgba(226, 238, 255, .92) !important;
      background: rgba(8, 15, 30, .78) !important;
      border: 1px solid rgba(148, 193, 255, .2) !important;
      border-radius: 12px !important;
      padding: 9px 12px !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    body.admin-page #adminSessionText {
      display: inline-flex;
      align-items: center;
      min-height: 42px;
      margin: 0;
    }

    body.admin-page #adminGlobalMessage {
      width: 100%;
    }

    body.admin-page .admin-help {
      color: rgba(218, 231, 249, .78) !important;
      -webkit-text-fill-color: rgba(218, 231, 249, .78) !important;
      text-shadow: none !important;
    }

    body.admin-page .admin-kpi {
      background: #edf2f8 !important;
      border-color: rgba(148, 163, 184, .32) !important;
      box-shadow: none !important;
    }

    body.admin-page .admin-kpi strong {
      color: #132238 !important;
      -webkit-text-fill-color: #132238 !important;
      text-shadow: none !important;
    }

    body.admin-page .admin-kpi span {
      color: #475569 !important;
      -webkit-text-fill-color: #475569 !important;
      text-shadow: none !important;
    }

    body.admin-page .admin-batch-upload {
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid rgba(148, 193, 255, .16);
    }

    body.admin-page .admin-batch-upload h4 {
      margin: 0 0 6px;
      color: #edf5ff;
      -webkit-text-fill-color: #edf5ff;
      font-size: 17px;
      text-shadow: none;
    }

    body.admin-page .admin-batch-upload p {
      margin: 0 0 12px;
      color: rgba(218, 231, 249, .78) !important;
      -webkit-text-fill-color: rgba(218, 231, 249, .78) !important;
      text-shadow: none !important;
    }

    /* Keep the four Chinese characters in the home brand name clearly separated. */
    body.home-page .owner-welcome-title .owner-name {
      letter-spacing: .02em !important;
      font-kerning: normal;
    }

    /* Browser zoom can place a desktop window in the mobile breakpoint. */
    @media (min-width: 600px) and (max-width: 760px) {
      body.home-page .owner-welcome-title {
        font-size: 72px !important;
        line-height: .94 !important;
      }

      body.home-page .owner-welcome-title .owner-name {
        font-size: 1.16em !important;
        letter-spacing: 0 !important;
        white-space: nowrap;
      }

      body.home-page .owner-welcome-title .owner-title-rest {
        font-size: .52em !important;
      }
    }

    /* Use a deliberate single-line brand treatment instead of allowing large glyphs to wrap. */
    body.home-page .owner-welcome-title .owner-name {
      display: block !important;
      font-size: 112px !important;
      line-height: 1.02 !important;
      letter-spacing: .01em !important;
      font-weight: 900 !important;
      white-space: nowrap;
    }

    body.home-page .owner-welcome-title .owner-title-rest {
      margin-top: 8px !important;
      line-height: 1.08 !important;
    }

    @media (min-width: 761px) and (max-width: 1099px) {
      body.home-page .owner-welcome-title .owner-name {
        font-size: 84px !important;
      }
    }

    @media (min-width: 600px) and (max-width: 760px) {
      body.home-page .owner-welcome-title .owner-name {
        font-size: 83px !important;
        letter-spacing: 0 !important;
      }
    }

    @media (max-width: 760px) {
      body.home-page .owner-welcome-title .owner-name {
        line-height: 1.02 !important;
      }
    }

    @media (max-width: 599px) {
      body.home-page .owner-welcome-title .owner-name {
        font-size: 1.24em !important;
      }
    }


/* Consolidated from common-20260810-mobile-density1.css. */
/* Mobile hierarchy and density pass: readable brand, clean navigation, finished grids. */
body.support-page .support {
  align-items: start !important;
  padding: clamp(24px, 4vw, 46px) !important;
}

body.support-page .qr-box {
  min-height: 0 !important;
  padding: 18px !important;
  align-self: start;
}

body.support-page .qr-box img {
  margin-top: 12px !important;
}

@media (max-width: 760px) {
  .nav {
    min-height: 0 !important;
  }

  .nav-inner {
    min-height: 64px !important;
    gap: 4px 8px !important;
    padding: 6px 0 5px !important;
  }

  .nav .nav-inner .brand > span:last-child {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }

  .nav .nav-inner .brand > span:last-child::after {
    content: "启源世界";
    display: inline-block;
    color: #eef6ff;
    -webkit-text-fill-color: #eef6ff !important;
    font-size: 14px;
    font-weight: 760;
    line-height: 1;
    white-space: nowrap;
  }

  .links {
    gap: 7px !important;
    padding: 2px 28px 4px 1px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
  }

  .links::-webkit-scrollbar {
    display: none !important;
  }

  .links a {
    min-height: 42px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
  }

  .nav::after {
    content: none !important;
  }

  .nav-inner::after {
    content: "›";
    grid-area: links;
    z-index: 4;
    display: grid;
    justify-self: end;
    align-self: center;
    width: 28px;
    height: 40px;
    place-items: center;
    color: #d9f3ff;
    font-size: 25px;
    line-height: 1;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(7, 15, 30, .94) 44%);
  }

  body.home-page .owner-live-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  body.home-page .owner-live-card {
    min-height: 66px !important;
    padding: 9px !important;
  }

  body.home-page .owner-live-card:last-child {
    grid-column: 1 / -1 !important;
  }

  body.home-page .owner-section {
    padding: 26px 0 !important;
  }

  body.home-page .owner-grid {
    gap: 10px !important;
  }

  body.home-page .owner-card {
    min-height: 0 !important;
    gap: 10px;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.home-page .owner-card::before {
    display: none;
  }

  body.home-page .owner-card h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  body.home-page .owner-card p {
    display: -webkit-box;
    margin: 7px 0 0 !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.home-page .owner-card a {
    min-height: 40px;
    margin-top: 2px;
  }

  body.support-page .support {
    margin-bottom: 38px !important;
    padding: 18px 16px !important;
    gap: 18px !important;
  }

  body.support-page .qr-box {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  body.support-page .qr-box img {
    width: min(210px, 100%) !important;
    margin: 10px auto 0 !important;
  }
}

@media (max-width: 340px) {
  body.home-page .owner-live-stats {
    grid-template-columns: 1fr !important;
  }

  body.home-page .owner-live-card:last-child {
    grid-column: auto !important;
  }
}


/* Consolidated from common-20260812-mobile-menu1.css. */
/* Mobile navigation and resource-first layout. */
.mobile-nav-toggle {
  display: none;
}

body.sounds-page #sounds {
  display: flex;
  flex-direction: column;
}

body.sounds-page #sounds .section-title { order: 0; }
body.sounds-page #sounds .listen-panel { order: 1; }
body.sounds-page #sounds .sound-disclaimer { order: 2; }

body.wallpapers-page .wallpaper-panel {
  display: flex;
  flex-direction: column;
}

body.wallpapers-page .wallpaper-toolbar { order: 0; }
body.wallpapers-page .filter-scroll-shell { order: 1; }
body.wallpapers-page .wallpaper-status { order: 2; }
body.wallpapers-page .wallpaper-grid { order: 3; }
body.wallpapers-page .wallpaper-load-more { order: 4; }
body.wallpapers-page .wallpaper-tip { order: 5; }
body.wallpapers-page .wallpaper-disclaimer { order: 6; }

@media (max-width: 760px) {
  .nav .nav-inner {
    grid-template-columns: minmax(0, 1fr) 44px auto !important;
    grid-template-areas:
      "brand menu account"
      "links links links" !important;
    gap: 5px 7px !important;
  }

  .mobile-nav-toggle {
    display: inline-grid;
    grid-area: menu;
    width: 44px;
    height: 44px;
    place-items: center;
    gap: 4px;
    padding: 0;
    color: #eaf6ff;
    background: rgba(20, 31, 52, .82);
    border: 1px solid rgba(143, 208, 255, .3);
    border-radius: 12px;
    cursor: pointer;
  }

  .mobile-nav-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
    border-radius: 99px;
  }

  .nav .nav-inner .links {
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    gap: 6px !important;
    overflow: visible !important;
    padding: 8px 0 2px !important;
    mask-image: none !important;
  }

  .nav.nav-menu-open .nav-inner .links {
    display: grid !important;
  }

  .nav .links a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
  }

  .nav .nav-inner::after {
    content: none !important;
    display: none !important;
  }

  body.sounds-page .sound-disclaimer,
  body.wallpapers-page .wallpaper-disclaimer {
    margin-top: 18px;
  }
}


/* Consolidated from common-20260809-message-center.css. */
.account-entry {
  gap: 8px;
}

.top-notification-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid rgba(145, 184, 255, .35);
  border-radius: 999px;
  color: #ddecff;
  background: rgba(12, 23, 43, .78);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  line-height: 1;
}

.top-notification-link:hover,
.top-notification-link:focus-visible {
  color: #fff;
  border-color: #8cb9ff;
  background: rgba(41, 91, 178, .7);
}

.top-notification-count {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border: 2px solid #09101d;
  border-radius: 999px;
  color: #fff;
  background: #e14d84;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.top-notification-link[hidden],
.top-notification-count[hidden] {
  display: none !important;
}

.notification-page {
  width: min(1040px, calc(100% - 32px));
  margin: 0 auto;
  padding: 96px 0 56px;
  min-width: 0;
}

.notification-hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 0 22px;
  border-bottom: 1px solid rgba(151, 188, 255, .2);
  min-width: 0;
}

.notification-eyebrow {
  display: inline-flex;
  margin-bottom: 10px;
  color: #93c5fd;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

.notification-hero h1,
.notification-gate h2 {
  margin: 0;
  color: #edf5ff;
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
  text-shadow: none;
}

.notification-hero p,
.notification-gate p {
  max-width: 620px;
  margin: 12px 0 0;
  color: rgba(220, 233, 250, .78);
  font-size: 16px;
  line-height: 1.7;
}

.notification-read-all,
.notification-primary {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(151, 188, 255, .34);
  border-radius: 999px;
  color: #eaf4ff;
  background: rgba(37, 66, 115, .52);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.notification-read-all:hover,
.notification-read-all:focus-visible,
.notification-primary:hover,
.notification-primary:focus-visible {
  border-color: #8fb9ff;
  background: #276fdd;
}

.notification-shell,
.notification-gate {
  margin-top: 28px;
  border: 1px solid rgba(151, 188, 255, .2);
  border-radius: 8px;
  background: rgba(9, 18, 34, .74);
  min-width: 0;
}

.notification-shell {
  padding: 10px 22px 4px;
}

.notification-gate {
  padding: 28px;
}

.notification-gate h2 {
  font-size: 28px;
}

.notification-gate .notification-primary {
  margin-top: 18px;
  color: #fff;
  border-color: transparent;
  background: #276fdd;
}

.notification-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(151, 188, 255, .16);
}

.notification-summary strong {
  color: #eaf4ff;
  font-size: 16px;
}

.notification-summary span {
  color: rgba(205, 224, 247, .68);
  font-size: 13px;
}

.notification-list {
  display: grid;
}

.notification-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 18px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(151, 188, 255, .14);
  color: rgba(218, 232, 250, .76);
  text-decoration: none;
}

.notification-row:last-child {
  border-bottom: 0;
}

.notification-row strong {
  color: rgba(226, 238, 253, .9);
  font-size: 16px;
  line-height: 1.45;
}

.notification-row.unread strong {
  color: #fff;
}

.notification-row.unread::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  margin: 7px 0 0 -15px;
  border-radius: 50%;
  background: #7db7ff;
}

.notification-row span {
  grid-column: 1;
  overflow: hidden;
  color: rgba(188, 212, 241, .7);
  font-size: 14px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-row time {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: rgba(188, 212, 241, .58);
  font-size: 13px;
  white-space: nowrap;
}

.notification-row[href]:hover strong,
.notification-row[href]:focus-visible strong {
  color: #9bcbff;
}

.notification-empty {
  display: grid;
  gap: 6px;
  padding: 46px 0 52px;
  text-align: center;
}

.notification-empty strong {
  color: #eaf4ff;
  font-size: 18px;
}

.notification-empty span {
  color: rgba(205, 224, 247, .7);
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 760px) {
  .account-entry {
    gap: 7px;
  }

  .top-notification-link {
    min-width: 40px;
    min-height: 40px;
    padding: 0 10px;
  }

  .notification-page {
    width: calc(100% - 24px);
    padding: 112px 0 40px;
    max-width: 100%;
  }

  .notification-hero {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding-top: 12px;
  }

  .notification-hero h1 {
    font-size: 38px;
  }

  .notification-hero p {
    max-width: 100%;
    font-size: 15px;
    overflow-wrap: anywhere;
  }

  .notification-read-all {
    width: 100%;
  }

  .notification-shell,
  .notification-gate {
    margin-top: 20px;
    padding: 10px 16px 2px;
    max-width: 100%;
    box-sizing: border-box;
  }

  .notification-gate {
    padding: 24px 18px;
  }

  body.notifications-page footer {
    overflow-wrap: anywhere;
  }

  body.notifications-page .footer-beian-link {
    display: inline;
    white-space: normal;
  }

  .notification-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .notification-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    padding: 16px 0 16px 12px;
  }

  .notification-row span {
    grid-column: 1;
  }

  .notification-row time {
    grid-column: 1;
    grid-row: auto;
    align-self: auto;
  }
}


/* Consolidated from common-20260809-resource-ranking2.css. */
body.sounds-page .sound-toolbar {
  grid-template-columns: minmax(220px, 1fr) minmax(120px, auto) minmax(145px, auto) auto auto;
}

body.sounds-page .resource-sort,
body.wallpapers-page .resource-sort {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  padding: 4px;
  border: 1px solid rgba(186, 230, 253, .14);
  border-radius: 14px;
  background: rgba(7, 13, 26, .48);
}

body.sounds-page .resource-sort-button,
body.wallpapers-page .resource-sort-button {
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  color: rgba(226, 238, 255, .78);
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

body.sounds-page .resource-sort-button.active,
body.wallpapers-page .resource-sort-button.active {
  color: #f8fbff;
  background: linear-gradient(135deg, #365de8, #7c4de8);
  box-shadow: 0 5px 14px rgba(59, 91, 226, .24);
}

body.sounds-page .resource-sort-button:focus-visible,
body.wallpapers-page .resource-sort-button:focus-visible {
  outline: 3px solid rgba(125, 211, 252, .72);
  outline-offset: 2px;
}

body.sounds-page .sound-title-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

body.sounds-page .sound-title-row :is(h3,h4) {
  flex: 1 1 auto;
}

body.sounds-page .resource-rank,
body.wallpapers-page .resource-rank {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  color: #f8fbff;
  background: #3155d9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.wallpapers-page .wallpaper-toolbar .resource-sort {
  align-self: end;
}

body.wallpapers-page .wallpaper-toolbar {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) auto !important;
}

body.wallpapers-page .wallpaper-preview .resource-rank {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 1080px) {
  body.sounds-page .sound-toolbar {
    grid-template-columns: minmax(220px, 1fr) minmax(120px, auto) minmax(145px, auto);
  }

  body.sounds-page .sound-toolbar .resource-sort,
  body.sounds-page .sound-toolbar .sound-result-count {
    justify-self: start;
  }

  body.wallpapers-page .wallpaper-toolbar {
    grid-template-columns: minmax(190px, 250px) minmax(0, 1fr) !important;
  }

  body.wallpapers-page .wallpaper-toolbar .resource-sort {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  body.wallpapers-page .wallpaper-toolbar {
    grid-template-columns: 1fr !important;
  }

  body.wallpapers-page .wallpaper-toolbar .resource-sort {
    grid-column: auto;
    justify-self: stretch;
  }

  body.sounds-page .resource-sort,
  body.wallpapers-page .resource-sort {
    width: 100%;
  }

  body.sounds-page .resource-sort-button,
  body.wallpapers-page .resource-sort-button {
    flex: 1 1 0;
    min-height: 40px;
    padding: 0 10px;
  }

  body.sounds-page .sound-title-row {
    gap: 6px;
  }

  body.sounds-page .resource-rank,
  body.wallpapers-page .resource-rank {
    min-height: 22px;
    padding: 0 7px;
    font-size: 11px;
  }
}


/* Consolidated from common-20260809-sound-card-clean1.css. */
/* Compact sound cards: keep the choice clear without repeating file details. */
body.sounds-page .sound-row {
  min-height: 0 !important;
  gap: 12px !important;
}

body.sounds-page .sound-meta {
  margin-top: 8px !important;
}

body.sounds-page .sound-meta .sound-card-tag {
  display: inline-flex !important;
  max-width: 100% !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}

body.sounds-page .sound-actions {
  gap: 8px !important;
}

body.sounds-page .sound-usage {
  grid-column: 1 / -1;
  margin: 1px 0 0;
  color: rgba(198, 220, 244, .72) !important;
  font-size: 12px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 760px) {
  body.sounds-page .sound-row {
    min-height: 0 !important;
    gap: 10px !important;
  }

  body.sounds-page .sound-meta .sound-card-tag {
    padding: 5px 7px !important;
    font-size: 11px !important;
  }

  body.sounds-page .sound-usage {
    font-size: 11px;
  }
}


/* Consolidated from common-20260809-wallpaper-card-clean1.css. */
/* Compact wallpaper cards: preserve the image and action, drop duplicate file details. */
body.wallpapers-page .wallpaper-preview .resource-rank {
  right: 10px;
  left: auto;
}

body.wallpapers-page .wallpaper-body {
  min-height: 0 !important;
  grid-template-rows: auto auto auto !important;
  gap: 9px;
}

body.wallpapers-page .wallpaper-usage {
  margin: 0;
  color: rgba(198, 220, 244, .72);
  font-size: 12px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}

body.wallpapers-page .wallpaper-card-actions {
  align-self: end;
}

@media (max-width: 760px) {
  body.wallpapers-page .wallpaper-usage {
    font-size: 11px;
  }
}


/* Consolidated from common-20260810-admin-clarity1.css. */
/* Admin-only contrast and review workflow refinements. */
body.admin-page {
  color: #e6eefb;
}

body.admin-page .admin-kpi {
  background: #111c32 !important;
  border-color: rgba(143, 183, 245, .22) !important;
  box-shadow: none !important;
}

body.admin-page .admin-kpi strong,
body.admin-page .admin-kpi span {
  text-shadow: none !important;
}

body.admin-page .admin-kpi strong {
  color: #f1f6ff !important;
  -webkit-text-fill-color: #f1f6ff !important;
}

body.admin-page .admin-kpi span {
  color: #b9c8df !important;
  -webkit-text-fill-color: #b9c8df !important;
}

body.admin-page .forum-panel > p,
body.admin-page .club-panel > p,
body.admin-page .forum-panel label,
body.admin-page .admin-check-row small,
body.admin-page .forum-meta,
body.admin-page .forum-meta span {
  color: #b9c8df !important;
  -webkit-text-fill-color: #b9c8df !important;
  text-shadow: none !important;
}

body.admin-page .admin-check-row strong,
body.admin-page .forum-panel h3,
body.admin-page .forum-panel h4,
body.admin-page .forum-post h4,
body.admin-page .article-row h3,
body.admin-page .resource-row h4 {
  color: #edf4ff !important;
  -webkit-text-fill-color: #edf4ff !important;
  text-shadow: none !important;
}

body.admin-page .article-row,
body.admin-page .resource-row,
body.admin-page .admin-status-group {
  background: #101a2e !important;
  border: 1px solid rgba(143, 183, 245, .2) !important;
  box-shadow: none !important;
}

body.admin-page .article-row p,
body.admin-page .resource-row p,
body.admin-page .article-row-meta span {
  color: #b9c8df !important;
  -webkit-text-fill-color: #b9c8df !important;
  text-shadow: none !important;
}

body.admin-page .article-row-meta span {
  background: rgba(148, 163, 184, .14) !important;
  border-color: rgba(148, 163, 184, .22) !important;
}

body.admin-page .admin-review-queues {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

body.admin-page .admin-review-queue,
body.admin-page .admin-status-group {
  min-width: 0;
  padding: 14px;
  border-radius: 14px;
}

body.admin-page .admin-review-queue {
  background: rgba(7, 14, 29, .48);
  border: 1px solid rgba(143, 183, 245, .17);
}

body.admin-page .admin-review-queue-heading,
body.admin-page .admin-status-group-heading,
body.admin-page .resource-row-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.admin-page .admin-review-queue-heading h4,
body.admin-page .admin-status-group-heading h4 {
  margin: 0;
  color: #edf4ff;
  font-size: 17px;
}

body.admin-page .admin-review-queue-heading > span,
body.admin-page .admin-status-group-heading > span {
  display: inline-flex;
  min-width: 28px;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  color: #dbe9ff;
  background: rgba(93, 124, 255, .22);
  border: 1px solid rgba(143, 183, 245, .24);
  border-radius: 999px;
  font-weight: 800;
}

body.admin-page .admin-review-list,
body.admin-page .admin-status-group-list {
  max-height: 580px;
  overflow: auto;
}

body.admin-page .admin-filter-results {
  margin-top: 16px;
}

body.admin-page .admin-status-group-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

body.admin-page .resource-row-heading h4 {
  min-width: 0;
  margin: 0;
}

body.admin-page .resource-rename-button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 10px;
  font-size: 14px;
}

body.admin-page .article-row,
body.admin-page .resource-row {
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  body.admin-page .admin-review-queues {
    grid-template-columns: 1fr;
  }

  body.admin-page .resource-row-heading {
    align-items: flex-start;
  }
}


/* Consolidated from common-20260810-article-filter-clear1.css. */
/* Keep the mobile article category scroller and its edge hint inside one row. */
@media (max-width: 760px) {
  body.articles-page .articles-toolbar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    margin-bottom: 20px !important;
  }

  body.articles-page .filter-scroll-shell {
    position: relative;
    isolation: isolate;
    min-height: 52px;
    margin: 0 0 8px;
    overflow: hidden;
  }

  body.articles-page .article-filters {
    margin: 0 !important;
    padding: 3px 34px 7px 2px !important;
  }

  body.articles-page .filter-scroll-hint {
    inset: 0 0 0 auto;
    z-index: 2;
    width: 30px;
    height: auto;
    transform: none;
  }
}


/* Consolidated from common-20260810-article-filter-flow2.css. */
/* Prevent the mobile article filters from covering cards while scrolling. */
@media (max-width: 760px) {
  body.articles-page .articles-toolbar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    margin-bottom: 20px !important;
  }
}


/* Consolidated from common-20260819-visual-pass1.css. */
/* Qiyuan visual pass 2026-08-19: visual and interaction polish only. */
:root {
  --qv-ink: #102038;
  --qv-copy: #40536b;
  --qv-muted: #687b91;
  --qv-light-surface: #f4f8fc;
  --qv-line: rgba(52, 82, 116, .18);
  --qv-dark: #081426;
  --qv-dark-copy: #d9e8f7;
  --qv-blue: #3b82f6;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  color: var(--qv-ink);
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

/* Keep the existing expandable mobile navigation, but make its closed state compact. */
@media (max-width: 760px) {
  .nav .nav-inner {
    grid-template-columns: minmax(0, 1fr) 44px auto !important;
    grid-template-areas:
      "brand menu account"
      "links links links" !important;
    gap: 6px 8px !important;
    padding: 7px 0 6px !important;
  }

  .nav .brand {
    grid-area: brand;
    min-width: 0 !important;
    max-width: none !important;
  }

  .nav .brand > span:last-child {
    max-width: 8em !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 0 !important;
  }

  .nav .brand > span:last-child::after {
    content: "启源世界";
    display: inline-block;
    color: #eef6ff;
    -webkit-text-fill-color: #eef6ff;
    font-size: 14px;
    font-weight: 800;
  }

  .nav .mobile-nav-toggle {
    grid-area: menu;
    display: inline-grid !important;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border-radius: 12px;
  }

  .nav .account-entry {
    grid-area: account;
  }

  .nav .links {
    grid-area: links;
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 7px !important;
    overflow: visible !important;
    padding: 7px 0 2px !important;
    mask-image: none !important;
  }

  .nav.nav-menu-open .links {
    display: grid !important;
  }

  .nav .links a {
    width: 100%;
    min-height: 44px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    justify-content: center;
    white-space: nowrap;
  }

  .nav::after,
  .nav-inner::after {
    display: none !important;
    content: none !important;
  }
}

/* Home: a measured dark-to-light handoff and clearer content categories. */
body.home-page .owner-home {
  background:
    linear-gradient(180deg, #020617 0%, #071323 43%, #17324d 51%, #e8f1f8 60%, #f4f8fb 100%) !important;
}

body.home-page .owner-hero,
body.home-page .owner-hero-card {
  min-height: clamp(680px, calc(100svh - 58px), 820px) !important;
}

body.home-page .owner-copy {
  top: clamp(92px, 13vh, 142px) !important;
}

body.home-page .owner-welcome-title {
  font-size: clamp(52px, 5.7vw, 92px) !important;
  line-height: .92 !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .28) !important;
}

body.home-page .owner-welcome-title .owner-name {
  filter: none !important;
  letter-spacing: -.08em !important;
}

body.home-page .owner-section {
  padding: clamp(50px, 7vw, 84px) 0 !important;
  color: var(--qv-ink) !important;
  background: linear-gradient(180deg, #dcebf7 0%, #f4f8fb 180px, #f4f8fb 100%) !important;
}

body.home-page .owner-section-head > p {
  color: var(--qv-copy) !important;
}

body.home-page .owner-section-head {
  margin-bottom: 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.home-page .owner-section-head h2 {
  color: #102038 !important;
  -webkit-text-fill-color: #102038 !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  text-shadow: none !important;
}

body.home-page .owner-note {
  padding: 18px 20px !important;
  color: #40536b !important;
  background: rgba(255, 255, 255, .76) !important;
  border: 1px solid rgba(52, 82, 116, .16) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px rgba(26, 57, 88, .08) !important;
}

body.home-page .owner-card {
  min-height: 218px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(26, 57, 88, .1) !important;
}

body.home-page .owner-card p {
  opacity: 1 !important;
  line-height: 1.62 !important;
}

body.home-page .owner-card:nth-child(2),
body.home-page .owner-card:nth-child(3),
body.home-page .owner-card:nth-child(6) {
  color: #102038 !important;
  background: #f8fbff !important;
  border-color: rgba(52, 82, 116, .14) !important;
}

body.home-page .owner-card:nth-child(2) p,
body.home-page .owner-card:nth-child(3) p,
body.home-page .owner-card:nth-child(6) p {
  color: #40536b !important;
}

body.home-page .owner-card:nth-child(2) h3,
body.home-page .owner-card:nth-child(2) h4,
body.home-page .owner-card:nth-child(3) h3,
body.home-page .owner-card:nth-child(3) h4,
body.home-page .owner-card:nth-child(6) h3,
body.home-page .owner-card:nth-child(6) h4 {
  color: #102038 !important;
  -webkit-text-fill-color: #102038 !important;
  text-shadow: none !important;
}

body.home-page .owner-card:nth-child(2) a,
body.home-page .owner-card:nth-child(3) a,
body.home-page .owner-card:nth-child(6) a {
  color: #1d5fc4 !important;
}

body.home-page .owner-card.feature,
body.home-page .owner-card.blue,
body.home-page .owner-card.green {
  border-color: rgba(255, 255, 255, .16) !important;
}

body.home-page .owner-card.feature p,
body.home-page .owner-card.blue p,
body.home-page .owner-card.green p {
  color: #d9e8f7 !important;
}

body.home-page .owner-stats {
  margin-top: 16px !important;
  padding: 10px !important;
  border-radius: 24px !important;
  background: #10243b !important;
  box-shadow: 0 14px 34px rgba(26, 57, 88, .14) !important;
}

body.home-page .owner-stat {
  min-height: 122px !important;
  padding: 20px !important;
  border-radius: 18px !important;
}

body.home-page .owner-flow {
  margin-top: 16px !important;
  border-radius: 26px !important;
  color: var(--qv-ink) !important;
  background: #f8fbff !important;
  border-color: rgba(52, 82, 116, .16) !important;
  box-shadow: 0 14px 36px rgba(26, 57, 88, .1) !important;
}

/* Shared subpage hierarchy: compact hero, one primary action, quiet auxiliary links. */
body:not(.home-page) main {
  padding-top: 24px !important;
}

body:not(.home-page) .page-hero.subpage-focus-hero {
  margin: 8px auto 12px !important;
  padding: 26px 30px 24px !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16) !important;
}

body:not(.home-page) .page-hero.subpage-focus-hero h1 {
  font-size: clamp(42px, 5vw, 62px) !important;
  line-height: 1.06 !important;
}

body:not(.home-page) .page-hero.subpage-focus-hero .lead {
  max-width: 760px;
  margin-top: 12px !important;
}

body:not(.home-page) .page-hero .subpage-actions {
  justify-content: flex-start !important;
  margin-top: 18px !important;
}

body:not(.home-page) .page-hero .subpage-primary-link {
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, .24) !important;
}

body:not(.home-page) .page-hero .subpage-actions .subpage-aux-link {
  min-height: 32px !important;
  padding: 4px 2px !important;
  color: #b8c7d9 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.sounds-page .section-title,
body.wallpapers-page .section-title {
  padding: 14px 2px 8px !important;
  text-align: left !important;
}

body.sounds-page .section-title h2,
body.wallpapers-page .section-title h2 {
  font-size: clamp(28px, 3.4vw, 42px) !important;
}

body.sounds-page .listen-panel,
body.wallpapers-page .wallpaper-panel {
  margin-top: 8px !important;
  padding: 22px !important;
  border-radius: 26px !important;
}

body.sounds-page .sound-toolbar {
  position: sticky;
  top: 72px;
  z-index: 4;
  margin-top: 12px !important;
  padding: 9px !important;
  border-radius: 18px !important;
  background: rgba(12, 25, 45, .96) !important;
  border-color: rgba(143, 208, 255, .18) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(16px);
}

body.sounds-page .sound-toolbar input,
body.sounds-page .sound-toolbar select {
  min-height: 42px !important;
  color: #eaf3ff !important;
  background: rgba(3, 10, 23, .72) !important;
  border-color: rgba(143, 208, 255, .18) !important;
}

body.sounds-page .sound-toolbar input::placeholder {
  color: #9eb1c8 !important;
}

body.sounds-page .sound-type-section .sound-list {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body.sounds-page .sound-type-section {
  padding: 16px !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}

body.sounds-page .sound-row {
  padding: 15px !important;
  border-radius: 18px !important;
  background: rgba(7, 16, 31, .78) !important;
  border-color: rgba(143, 208, 255, .16) !important;
  box-shadow: none !important;
}

body.sounds-page .sound-more-wrap {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding: 4px 0 2px;
}

body.sounds-page .sound-more-button {
  min-height: 42px;
  padding: 0 18px;
  color: #cfe4f8;
  background: rgba(37, 99, 235, .12);
  border: 1px solid rgba(143, 208, 255, .25);
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

body.sounds-page .sound-more-button span {
  margin-left: 5px;
  color: #91b8dc;
  font-size: .9em;
}

body.sounds-page .sound-meta .sound-card-tag {
  color: #b9cbe0 !important;
  background: rgba(148, 163, 184, .12) !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
}

body.sounds-page .sound-actions {
  gap: 7px !important;
}

body.sounds-page .listen-button {
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: 0 8px 18px rgba(79, 70, 229, .2) !important;
}

body.sounds-page .download-button {
  min-height: 38px !important;
  color: #c5d5e7 !important;
  background: transparent !important;
  border: 1px solid rgba(143, 208, 255, .25) !important;
}

body.sounds-page .sound-usage {
  color: #9eb1c8 !important;
}

body.wallpapers-page .wallpaper-panel {
  margin-top: 0 !important;
}

body.wallpapers-page .wallpaper-count,
body.wallpapers-page .wallpaper-search {
  padding: 16px 18px !important;
  border-radius: 20px !important;
}

body.wallpapers-page .wallpaper-count strong {
  font-size: clamp(42px, 5vw, 60px) !important;
}

body.wallpapers-page .wallpaper-search input {
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.wallpapers-page .wallpaper-grid {
  gap: 14px !important;
}

body.wallpapers-page .wallpaper-card {
  border-radius: 22px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

body.wallpapers-page .wallpaper-body {
  padding: 14px !important;
}

body.wallpapers-page .wallpaper-meta {
  gap: 6px !important;
  margin-top: 8px !important;
}

body.wallpapers-page .wallpaper-meta span {
  padding: 5px 8px !important;
}

body.wallpapers-page .wallpaper-download-row {
  margin-top: 12px !important;
}

body.wallpapers-page .wallpaper-button {
  min-height: 38px !important;
  padding: 0 13px !important;
  color: #2451a6 !important;
  background: #eaf2ff !important;
  border: 1px solid rgba(37, 99, 235, .22) !important;
  box-shadow: none !important;
}

/* Articles and wallpapers use the same predictable filter surface. */
body.wallpapers-page .filter-scroll-shell,
body.articles-page .filter-scroll-shell {
  position: relative;
  min-width: 0;
}

body.wallpapers-page .wallpaper-filters,
body.articles-page .article-filters {
  gap: 8px !important;
}

body.wallpapers-page .wallpaper-filter,
body.articles-page .article-filter {
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.wallpapers-page .filter-scroll-hint,
body.articles-page .filter-scroll-hint {
  pointer-events: none;
}

/* Keep footer metadata readable without making it a dense single line. */
footer {
  max-width: 1080px !important;
  padding: 30px 14px 48px !important;
  color: #a9bbcf !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

footer a {
  color: #c6e7ff !important;
}

.footer-beian-link {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

/* Keep the remaining pages consistent without changing their structure. */
body.forum-page .forum-panel,
body.club-page .club-panel,
body.social-page .social-card,
body.support-page .support,
body.notifications-page .notification-shell,
body.account-page .account-center-panel {
  box-shadow: 0 12px 30px rgba(0, 0, 0, .14) !important;
}

body.support-page .support {
  padding: clamp(28px, 4vw, 48px) !important;
}

body.support-page .qr-box {
  min-height: 0 !important;
  padding: 20px !important;
}

@media (max-width: 760px) {
  body:not(.home-page) main {
    padding-top: 16px !important;
  }

  body:not(.home-page) .page-hero.subpage-focus-hero {
    margin-top: 6px !important;
    padding: 22px 16px 18px !important;
    border-radius: 18px !important;
  }

  body:not(.home-page) .page-hero.subpage-focus-hero h1 {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }

  body:not(.home-page) .page-hero .subpage-actions {
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body.home-page .owner-hero,
  body.home-page .owner-hero-card {
    min-height: auto !important;
  }

  body.home-page .owner-copy {
    top: auto !important;
  }

  body.home-page .owner-home {
    background: linear-gradient(180deg, #020617 0%, #071323 43%, #18344f 50%, #e8f1f8 58%, #f4f8fb 100%) !important;
  }

  body.home-page .owner-section {
    padding: 42px 0 58px !important;
  }

  body.home-page .owner-section-head h2 {
    font-size: 30px !important;
  }

  body.home-page .owner-card {
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 20px !important;
  }

  body.home-page .owner-stat {
    min-height: 0 !important;
    padding: 16px !important;
  }

  body.home-page .owner-flow {
    padding: 22px 18px !important;
  }

  body.sounds-page .listen-panel,
  body.wallpapers-page .wallpaper-panel {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  body.sounds-page .sound-toolbar {
    position: sticky;
    top: 76px;
    margin: 0 0 14px !important;
    padding: 8px !important;
  }

  body.sounds-page .sound-type-section .sound-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.sounds-page .sound-row {
    min-height: 0 !important;
    padding: 12px !important;
  }

  body.sounds-page .sound-row :is(h3,h4) {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body.sounds-page .sound-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.sounds-page .listen-button,
  body.sounds-page .download-button {
    width: 100% !important;
  }

  body.wallpapers-page .wallpaper-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.wallpapers-page .wallpaper-body h3 {
    font-size: 15px !important;
  }

  body.wallpapers-page .wallpaper-meta {
    font-size: 11px !important;
  }

  body.wallpapers-page .wallpaper-meta span {
    padding: 4px 6px !important;
  }

  body.wallpapers-page .wallpaper-download-row {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body.wallpapers-page .wallpaper-button {
    width: 100% !important;
  }

  body.wallpapers-page .filter-scroll-shell,
  body.articles-page .filter-scroll-shell {
    overflow: hidden !important;
  }

  body.wallpapers-page .wallpaper-filters,
  body.articles-page .article-filters {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin: 10px 0 14px !important;
    padding: 3px 46px 9px 2px !important;
    scrollbar-width: none !important;
    mask-image: none !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  body.wallpapers-page .wallpaper-filters::-webkit-scrollbar,
  body.articles-page .article-filters::-webkit-scrollbar {
    display: none !important;
  }

  body.wallpapers-page .wallpaper-filter,
  body.articles-page .article-filter {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    scroll-snap-align: start;
  }

  body.wallpapers-page .filter-scroll-hint,
  body.articles-page .filter-scroll-hint {
    top: 50% !important;
    right: 0 !important;
    width: 84px !important;
    height: 42px !important;
    display: grid !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    color: #eaf6ff !important;
    background: #0a1222 !important;
    box-shadow: -16px 0 18px rgba(10, 18, 34, .72) !important;
  }

  footer {
    width: calc(100% - 24px) !important;
    padding: 26px 0 38px !important;
    font-size: 13px !important;
    line-height: 1.85 !important;
  }

  .footer-beian-link {
    white-space: normal !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wallpaper-preview img,
  .article-card,
  .owner-card,
  .wallpaper-card,
  .sound-row {
    transition: none !important;
  }
}

/* 2026-08-20: tighten the previous visual pass without changing page content. */
body.home-page .owner-welcome-title {
  line-height: 1.02 !important;
  text-shadow: 0 8px 22px rgba(0, 0, 0, .2) !important;
}

body.home-page .owner-welcome-title .owner-name {
  letter-spacing: 0 !important;
}

body.home-page .owner-section {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

body.home-page .owner-section::before {
  position: absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  content: "";
  transform: translateX(-50%);
  z-index: -1;
  background: linear-gradient(180deg, #18344f 0, #dcebf7 128px, #f4f8fb 100%);
}

body:not(.home-page) .page-hero.subpage-focus-hero {
  padding: 22px 28px 20px !important;
}

body:not(.home-page) .page-hero.subpage-focus-hero h1 {
  font-size: clamp(38px, 4vw, 54px) !important;
}

body:not(.home-page) .page-hero .subpage-actions {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px !important;
}

body.wallpapers-page .filter-scroll-hint,
body.articles-page .filter-scroll-hint {
  width: 56px !important;
  background: linear-gradient(90deg, rgba(10, 18, 34, 0), #0a1222 42%) !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  body:not(.home-page) .page-hero.subpage-focus-hero {
    padding: 20px 16px 16px !important;
  }

  body:not(.home-page) .page-hero.subpage-focus-hero h1 {
    font-size: 32px !important;
  }

  body:not(.home-page) .page-hero .subpage-actions {
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body:not(.home-page) .page-hero .subpage-primary-link,
  body:not(.home-page) .page-hero .subpage-actions .subpage-aux-link {
    width: auto !important;
    flex: 0 0 auto;
  }

  body:not(.home-page) .page-hero .subpage-primary-link {
    min-height: 42px !important;
    padding: 0 15px !important;
  }

  body:not(.home-page) .page-hero .subpage-actions .subpage-aux-link {
    min-height: 30px !important;
    padding: 4px 2px !important;
    font-size: 13px !important;
  }

  body.wallpapers-page .filter-scroll-hint,
  body.articles-page .filter-scroll-hint {
    width: 76px !important;
    background: #152033 !important;
    box-shadow: -12px 0 16px rgba(21, 32, 51, .32) !important;
  }
}

/* Keep the homepage led by the car, not by oversized decoration. */
body.home-page .owner-home {
  background: #eef4f9 !important;
}

body.home-page .owner-hero,
body.home-page .owner-hero-card {
  min-height: clamp(620px, 72svh, 720px) !important;
}

body.home-page .owner-copy {
  top: clamp(72px, 10vh, 112px) !important;
}

body.home-page .owner-welcome-title {
  font-size: clamp(52px, 4.6vw, 76px) !important;
  line-height: 1.04 !important;
}

body.home-page .owner-stats {
  margin-top: 0 !important;
  padding: 8px !important;
  border-radius: 18px !important;
}

body.home-page .owner-stat {
  min-height: 96px !important;
  padding: 15px 16px !important;
  border-radius: 14px !important;
}

body.home-page .owner-section {
  padding: clamp(42px, 5vw, 64px) 0 !important;
}

body.home-page .owner-section::before {
  background: linear-gradient(180deg, #1a2c40 0, #dce7f0 38px, #eef4f9 76px) !important;
}

body.home-page .owner-section-head h2 {
  font-size: clamp(30px, 3.3vw, 46px) !important;
  line-height: 1.1 !important;
}

body.wallpapers-page .wallpaper-button:not([disabled]) {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed 58%, #db2777) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: 0 10px 22px rgba(79, 70, 229, .26) !important;
}

@media (max-width: 760px) {
  body.home-page .owner-hero,
  body.home-page .owner-hero-card {
    min-height: auto !important;
  }

  body.home-page .owner-welcome-title {
    font-size: 48px !important;
  }

  body.home-page .owner-section::before {
    background: linear-gradient(180deg, #183047 0, #dce7f0 28px, #eef4f9 58px) !important;
  }
}

/* The home page stays in the same dark system as every public page. */
body.home-page .owner-home {
  background: #07111f !important;
}

body.home-page .owner-hero,
body.home-page .owner-hero-card {
  min-height: calc(100svh - 60px) !important;
}

body.home-page .owner-section {
  color: #edf5ff !important;
}

body.home-page .owner-section::before {
  background: linear-gradient(180deg, #07111f 0, #0a1728 96px, #07111f 100%) !important;
}

body.home-page .owner-section-head > p {
  color: #8ed7ff !important;
}

body.home-page .owner-section-head h2 {
  color: #edf5ff !important;
  -webkit-text-fill-color: #edf5ff !important;
}

body.home-page .owner-note {
  color: #c9d9ea !important;
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(148, 190, 232, .2) !important;
  box-shadow: none !important;
}

body.home-page .owner-card,
body.home-page .owner-card:nth-child(2),
body.home-page .owner-card:nth-child(3),
body.home-page .owner-card:nth-child(6),
body.home-page .owner-card.green {
  color: #edf5ff !important;
  background: linear-gradient(145deg, #0d1c31, #091525) !important;
  border-color: rgba(148, 190, 232, .18) !important;
  box-shadow: none !important;
}

body.home-page .owner-card.blue {
  background: linear-gradient(145deg, #12335a, #182453) !important;
}

body.home-page .owner-card.feature {
  background: linear-gradient(145deg, #112843, #0b1729) !important;
}

body.home-page .owner-card p,
body.home-page .owner-card:nth-child(2) p,
body.home-page .owner-card:nth-child(3) p,
body.home-page .owner-card:nth-child(6) p,
body.home-page .owner-card.feature p,
body.home-page .owner-card.blue p,
body.home-page .owner-card.green p {
  color: #c9d9ea !important;
}

body.home-page .owner-card h3,
body.home-page .owner-card h4,
body.home-page .owner-card:nth-child(2) h3,
body.home-page .owner-card:nth-child(2) h4,
body.home-page .owner-card:nth-child(3) h3,
body.home-page .owner-card:nth-child(3) h4,
body.home-page .owner-card:nth-child(6) h3,
body.home-page .owner-card:nth-child(6) h4 {
  color: #edf5ff !important;
  -webkit-text-fill-color: #edf5ff !important;
}

body.home-page .owner-card a,
body.home-page .owner-card:nth-child(2) a,
body.home-page .owner-card:nth-child(3) a,
body.home-page .owner-card:nth-child(6) a {
  color: #9edcff !important;
}

body.home-page .owner-flow {
  color: #edf5ff !important;
  background: #0b182a !important;
  border-color: rgba(148, 190, 232, .18) !important;
  box-shadow: none !important;
}

body.home-page .owner-flow p {
  color: #c9d9ea !important;
}

body.home-page .owner-flow li {
  background: #111f33 !important;
  border-color: rgba(148, 190, 232, .14) !important;
}

/* Keep the homepage shortcuts calm and consistent instead of treating one as a different-size hero. */
body.home-page .owner-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.home-page .owner-card,
body.home-page .owner-card.feature {
  grid-column: auto !important;
  min-height: 218px !important;
}

body.home-page .owner-card a,
body.home-page .owner-card:nth-child(2) a,
body.home-page .owner-card:nth-child(3) a,
body.home-page .owner-card:nth-child(6) a,
body.home-page .owner-card.feature a,
body.home-page .owner-card.blue a,
body.home-page .owner-card.green a {
  color: #f8fbff !important;
  background: linear-gradient(135deg, #376cf6, #7a4cf4 68%, #c63f91) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.home-page .owner-flow h2,
body.home-page .owner-flow li {
  color: #edf5ff !important;
  -webkit-text-fill-color: #edf5ff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.home-page .owner-flow p {
  color: #c9d9ea !important;
  -webkit-text-fill-color: #c9d9ea !important;
  opacity: 1 !important;
}

body.home-page .owner-flow li span {
  color: #214fc5 !important;
  -webkit-text-fill-color: #214fc5 !important;
  background: #e4efff !important;
}

@media (max-width: 760px) {
  body.home-page .owner-hero,
  body.home-page .owner-hero-card {
    min-height: calc(100svh - 64px) !important;
  }

  body.home-page .owner-hero-card {
    justify-content: flex-start !important;
  }

  body.home-page .owner-copy {
    top: 0 !important;
  }
}

/* 2026-08-22: restrained A07 editorial system, based on the selected visual direction. */
:root {
  --a07-bg: #040913;
  --a07-panel: #081221;
  --a07-panel-soft: rgba(12, 24, 42, .78);
  --a07-line: rgba(150, 182, 219, .16);
  --a07-line-strong: rgba(150, 201, 240, .3);
  --a07-title: #edf5ff;
  --a07-copy: #c1cede;
  --a07-muted: #8f9eb1;
  --a07-accent: #79cfff;
  --a07-accent-strong: #2f6bd7;
}

body.home-page,
body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page, .notifications-page, .account-page) {
  color: var(--a07-copy) !important;
  background: var(--a07-bg) !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page, .notifications-page, .account-page) main,
body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page, .notifications-page, .account-page) .section {
  background: transparent !important;
}

/* Quiet navigation: one line, one active signal, no heavy capsule strip. */
.nav {
  min-height: 60px !important;
  background: rgba(4, 9, 19, .9) !important;
  border-bottom: 1px solid var(--a07-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
}

.nav .nav-inner {
  width: min(1320px, calc(100% - 40px)) !important;
}

.nav .links {
  gap: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.nav .links a,
.nav .links a.nav-page {
  position: relative;
  min-height: 42px !important;
  padding: 0 13px !important;
  color: #99a8bb !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.nav .links a:hover,
.nav .links a.nav-page {
  color: var(--a07-title) !important;
}

.nav .links a.nav-page::after {
  position: absolute;
  right: 13px;
  bottom: 2px;
  left: 13px;
  height: 2px;
  content: "";
  background: var(--a07-accent);
  border-radius: 2px;
}

.nav .account-trigger,
.nav .message-center-link,
.nav .top-account-button {
  min-height: 40px !important;
  color: #d9e6f5 !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

/* Homepage: full-viewport vehicle cover with editorial typography and baseline stats. */
body.home-page .owner-home {
  background: var(--a07-bg) !important;
}

body.home-page .owner-hero {
  min-height: calc(100svh - 60px) !important;
  padding: 0 !important;
  background: var(--a07-bg) !important;
}

body.home-page .owner-hero-card {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100svh - 60px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.home-page .owner-hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.78) contrast(1.03) brightness(.82) !important;
}

body.home-page .owner-hero-card::before {
  background:
    linear-gradient(90deg, rgba(2, 7, 16, .98) 0%, rgba(3, 10, 22, .82) 26%, rgba(3, 10, 22, .22) 58%, rgba(3, 8, 18, .06) 100%),
    linear-gradient(180deg, rgba(3, 8, 18, .3) 0%, transparent 40%, rgba(2, 7, 15, .9) 100%) !important;
}

body.home-page .owner-hero-card::after {
  opacity: .22 !important;
  background-image:
    linear-gradient(rgba(130, 174, 218, .13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130, 174, 218, .1) 1px, transparent 1px) !important;
  background-size: 160px 160px !important;
}

body.home-page .owner-copy {
  top: clamp(120px, 16vh, 180px) !important;
  left: max(6vw, calc((100vw - 1320px) / 2)) !important;
  width: min(510px, 42vw) !important;
  padding: 0 !important;
}

body.home-page .owner-kicker {
  display: none !important;
}

body.home-page .owner-welcome-title {
  gap: 10px !important;
  margin: 0 !important;
  font-size: clamp(44px, 5vw, 78px) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .34) !important;
}

body.home-page .owner-welcome-title .owner-line {
  margin-bottom: 6px !important;
  font-size: .46em !important;
  font-weight: 650 !important;
  color: #edf5ff !important;
}

body.home-page .owner-welcome-title .owner-name {
  color: #b9d8ff !important;
  -webkit-text-fill-color: #b9d8ff !important;
  background: none !important;
  filter: none !important;
}

body.home-page .owner-welcome-title .owner-title-rest {
  font-size: .48em !important;
  font-weight: 680 !important;
  color: #edf5ff !important;
  -webkit-text-fill-color: #edf5ff !important;
}

body.home-page .owner-art-title {
  margin-top: 22px !important;
  color: #9cabbd !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
}

body.home-page .owner-art-title em {
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.home-page .owner-actions {
  gap: 0 !important;
  margin-top: 40px !important;
}

body.home-page .owner-action,
body.home-page .owner-action.primary {
  min-height: 38px !important;
  padding: 0 18px !important;
  color: #dce8f7 !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--a07-line-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.home-page .owner-action:first-child {
  padding-left: 0 !important;
}

body.home-page .owner-action:last-child {
  border-right: 0 !important;
}

body.home-page .owner-action:hover {
  color: var(--a07-accent) !important;
  transform: none !important;
}

body.home-page .owner-avatar-card {
  top: clamp(92px, 12vh, 128px) !important;
  right: max(5vw, calc((100vw - 1320px) / 2)) !important;
  width: clamp(108px, 10vw, 146px) !important;
  height: clamp(108px, 10vw, 146px) !important;
  padding: 4px !important;
  background: rgba(5, 12, 24, .42) !important;
  border: 1px solid rgba(188, 219, 246, .34) !important;
  border-radius: 50% !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .32) !important;
}

body.home-page .owner-live-stats {
  right: max(6vw, calc((100vw - 1320px) / 2)) !important;
  bottom: clamp(34px, 5vh, 58px) !important;
  left: max(6vw, calc((100vw - 1320px) / 2)) !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  gap: 0 !important;
  background: rgba(3, 9, 19, .34) !important;
  border: 0 !important;
  border-top: 1px solid var(--a07-line) !important;
  border-bottom: 1px solid var(--a07-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(7px) !important;
}

body.home-page .owner-live-card {
  min-height: 88px !important;
  padding: 18px 22px !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--a07-line-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.home-page .owner-live-card:last-child {
  border-right: 0 !important;
}

body.home-page .owner-live-card strong {
  color: #f2f7ff !important;
  -webkit-text-fill-color: #f2f7ff !important;
  background: none !important;
  font-size: clamp(25px, 2.15vw, 34px) !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

body.home-page .owner-live-card span {
  margin-top: 6px !important;
  color: #8f9db0 !important;
  font-size: 13px !important;
}

body.home-page .owner-section {
  padding: clamp(58px, 7vw, 96px) 0 72px !important;
  background: var(--a07-bg) !important;
}

body.home-page .owner-section::before {
  background: linear-gradient(180deg, #06101e 0%, #040913 300px) !important;
  border-top: 1px solid var(--a07-line) !important;
}

body.home-page .owner-section-head {
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr) !important;
  gap: 56px !important;
  margin-bottom: 40px !important;
}

body.home-page .owner-section-head > p,
body.home-page .owner-section-head > div > p {
  color: #738398 !important;
  letter-spacing: .38em !important;
}

body.home-page .owner-section-head h2 {
  max-width: 760px !important;
  color: var(--a07-title) !important;
  -webkit-text-fill-color: var(--a07-title) !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;
  line-height: 1.16 !important;
}

body.home-page .owner-note {
  align-self: end !important;
  padding: 0 0 4px !important;
  color: var(--a07-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.home-page .owner-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--a07-line) !important;
}

body.home-page .owner-card,
body.home-page .owner-card.feature,
body.home-page .owner-card.blue,
body.home-page .owner-card.green,
body.home-page .owner-card:nth-child(2),
body.home-page .owner-card:nth-child(3),
body.home-page .owner-card:nth-child(6) {
  min-height: 176px !important;
  padding: 28px 30px !important;
  color: var(--a07-title) !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--a07-line) !important;
  border-bottom: 1px solid var(--a07-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.home-page .owner-card:nth-child(even) {
  border-right: 0 !important;
}

body.home-page .owner-card h3 {
  color: var(--a07-title) !important;
  -webkit-text-fill-color: var(--a07-title) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
}

body.home-page .owner-card p,
body.home-page .owner-card.feature p,
body.home-page .owner-card.blue p,
body.home-page .owner-card.green p {
  color: var(--a07-muted) !important;
}

body.home-page .owner-card a,
body.home-page .owner-card.feature a,
body.home-page .owner-card.blue a,
body.home-page .owner-card.green a,
body.home-page .owner-card:nth-child(2) a,
body.home-page .owner-card:nth-child(3) a,
body.home-page .owner-card:nth-child(6) a {
  width: max-content !important;
  min-height: 34px !important;
  padding: 0 !important;
  color: var(--a07-accent) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.home-page .owner-stats,
body.home-page .owner-flow {
  margin-top: 36px !important;
  color: var(--a07-title) !important;
  background: transparent !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.home-page .owner-stat,
body.home-page .owner-flow li {
  background: rgba(255, 255, 255, .018) !important;
  border-color: var(--a07-line) !important;
  border-radius: 3px !important;
}

body.home-page .owner-flow h2,
body.home-page .owner-flow p,
body.home-page .owner-flow li {
  color: var(--a07-title) !important;
  -webkit-text-fill-color: var(--a07-title) !important;
}

body.home-page .owner-flow p {
  color: var(--a07-copy) !important;
  -webkit-text-fill-color: var(--a07-copy) !important;
}

/* Subpages: compact masthead, nearby controls, thin surfaces, content first. */
body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page) .page-hero {
  width: min(1180px, calc(100% - 32px)) !important;
  margin: 20px auto 14px !important;
  padding: 34px 0 28px !important;
  color: var(--a07-title) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--a07-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body:not(.home-page) .page-hero.subpage-focus-hero,
html body.social-page .page-hero,
html body.support-page .page-hero {
  margin: 20px auto 14px !important;
  padding: 34px 0 28px !important;
  color: var(--a07-title) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--a07-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page) .page-hero::before,
body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page) .page-hero::after {
  display: none !important;
}

body:not(.home-page) .page-hero h1,
body:not(.home-page) .page-hero h1 .rainbow,
body:not(.home-page) .section-title h2 {
  color: var(--a07-title) !important;
  -webkit-text-fill-color: var(--a07-title) !important;
  background: none !important;
  font-size: clamp(34px, 3.7vw, 50px) !important;
  font-weight: 720 !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
}

body:not(.home-page) .page-hero .lead,
body:not(.home-page) .section-title p {
  color: var(--a07-muted) !important;
}

body:not(.home-page) .page-hero .kicker,
body:not(.home-page) .section-title > p:first-child {
  color: var(--a07-accent) !important;
}

body:not(.home-page) .page-hero .subpage-primary-link,
body:not(.home-page) .page-hero .subpage-actions .subpage-primary-link {
  min-height: 42px !important;
  padding: 0 17px !important;
  color: #f7fbff !important;
  background: var(--a07-accent-strong) !important;
  border: 1px solid #4b8cf7 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body:not(.home-page) .page-hero .subpage-actions .subpage-aux-link {
  color: #9fb1c7 !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page) :is(
  .listen-panel, .sound-type-section, .sound-row, .wallpaper-panel, .wallpaper-count, .wallpaper-search,
  .wallpaper-tip, .wallpaper-card, .articles-toolbar, .article-follow-card, .article-card,
  .forum-panel, .forum-post, .forum-reply, .club-panel, .club-card, .social-card, .support
) {
  color: var(--a07-title) !important;
  background: var(--a07-panel-soft) !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page) :is(
  .listen-head p, .sound-usage, .wallpaper-count span, .wallpaper-status, .article-card-summary,
  .forum-panel p, .forum-post-body, .forum-reply-summary, .club-panel p, .club-card p, .social-card p, .support p
) {
  color: var(--a07-muted) !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page) :is(
  .sound-toolbar, .wallpaper-toolbar, .articles-toolbar, .forum-toolbar
) {
  padding: 10px !important;
  color: var(--a07-copy) !important;
  background: rgba(7, 16, 29, .94) !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

body.articles-page .articles-toolbar,
body.forum-page .forum-toolbar {
  position: relative !important;
  top: auto !important;
}

body.wallpapers-page .wallpaper-count,
body.wallpapers-page .wallpaper-search,
body.articles-page .articles-count,
body.articles-page .article-search {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.wallpapers-page .wallpaper-count,
body.articles-page .articles-count {
  border-right: 1px solid var(--a07-line) !important;
}

body.wallpapers-page .wallpaper-search button {
  color: #f8fbff !important;
  background: var(--a07-accent-strong) !important;
  border: 1px solid #4b8cf7 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

html body.wallpapers-page .wallpaper-search::after {
  color: #f8fbff !important;
  background: var(--a07-accent-strong) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

body.social-page .platform-link,
body.social-page .platform-link.orange,
body.social-page .platform-link.pink,
body.social-page .platform-link.red {
  width: max-content !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  color: #f8fbff !important;
  background: var(--a07-accent-strong) !important;
  border: 1px solid #4b8cf7 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.forum-page .forum-compose-entry {
  background: rgba(57, 120, 237, .1) !important;
  border: 1px solid rgba(108, 187, 255, .28) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page) :is(input, select, textarea) {
  color: #e5eef9 !important;
  background: #050d1a !important;
  border: 1px solid var(--a07-line-strong) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page) :is(input, textarea)::placeholder {
  color: #76869b !important;
  font-weight: 500 !important;
}

body:is(.sounds-page, .wallpapers-page, .articles-page) :is(
  .resource-sort-button, .wallpaper-filter, .article-filter
) {
  min-height: 40px !important;
  color: #a8b6c8 !important;
  background: transparent !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .articles-page) :is(
  .resource-sort-button.active, .wallpaper-filter.active, .article-filter.active
) {
  color: #eef8ff !important;
  background: rgba(50, 119, 232, .2) !important;
  border-color: rgba(108, 187, 255, .52) !important;
}

body.sounds-page .sound-row {
  border-radius: 6px !important;
}

body.sounds-page .listen-button,
body.wallpapers-page .wallpaper-button:not([disabled]),
body.forum-page .forum-button.blue,
body.club-page .club-button.blue,
body.notifications-page .notification-primary,
body.account-page .account-center-button.primary {
  color: #f8fbff !important;
  background: var(--a07-accent-strong) !important;
  border: 1px solid #4b8cf7 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.sounds-page .download-button,
body.wallpapers-page .wallpaper-button[disabled],
body.forum-page .forum-button.ghost,
body.account-page .account-center-button.ghost {
  color: #b8c8da !important;
  background: transparent !important;
  border: 1px solid var(--a07-line-strong) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.wallpapers-page .wallpaper-grid,
body.articles-page .article-card-list,
body.social-page .social-grid,
body.club-page .club-card-list {
  gap: 12px !important;
}

body.wallpapers-page .wallpaper-card,
body.articles-page .article-card {
  overflow: hidden;
  border-radius: 7px !important;
}

body.wallpapers-page .wallpaper-preview img {
  border-radius: 0 !important;
}

body:is(.sounds-page, .wallpapers-page) .resource-disclaimer {
  color: var(--a07-copy) !important;
  background: rgba(8, 18, 33, .72) !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

/* Message and account pages share the same restrained system. */
body.notifications-page .notification-page,
body.account-page .account-center-page {
  color: var(--a07-copy) !important;
  background: transparent !important;
}

body.notifications-page :is(.notification-shell, .notification-hero, .notification-gate, .notification-empty),
body.account-page :is(.account-center-hero, .account-center-panel, .account-gate, .account-mini-card, .account-quota-card) {
  color: var(--a07-title) !important;
  background: var(--a07-panel-soft) !important;
  border: 1px solid var(--a07-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

body.account-page .account-center-hero::after {
  display: none !important;
}

body.notifications-page .notification-hero h1,
body.account-page .account-center-hero h1,
body.account-page .account-center-panel h2,
body.account-page .account-center-panel h3 {
  color: var(--a07-title) !important;
  -webkit-text-fill-color: var(--a07-title) !important;
  background: none !important;
  text-shadow: none !important;
}

body.account-page .account-center-hero h1 {
  font-size: clamp(34px, 3.6vw, 50px) !important;
}

footer {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: none !important;
  margin-top: 46px !important;
  padding: 28px 0 42px !important;
  color: #8291a5 !important;
  border-top: 1px solid var(--a07-line) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

footer a {
  color: #a8cfee !important;
}

@media (max-width: 760px) {
  html body[class] .nav {
    height: auto !important;
    min-height: 60px !important;
  }

  html body .nav .nav-inner,
  html body.home-page .nav .nav-inner {
    width: calc(100% - 18px) !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-rows: auto 0 !important;
  }

  html body .nav.nav-menu-open .nav-inner {
    grid-template-rows: auto auto !important;
  }

  .nav .links {
    grid-template-columns: 1fr 1fr !important;
    gap: 1px !important;
    padding: 8px 0 3px !important;
    background: rgba(4, 10, 21, .98) !important;
    border-top: 1px solid var(--a07-line) !important;
  }

  body.home-page .owner-hero,
  body.home-page .owner-hero-card {
    min-height: calc(100svh - 60px) !important;
  }

  body.home-page .owner-hero-card {
    padding: 0 !important;
  }

  body.home-page .owner-hero-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-position: 61% center !important;
  }

  body.home-page .owner-hero-card::before {
    inset: 0 !important;
    background:
      linear-gradient(180deg, rgba(3, 9, 20, .28) 0%, rgba(3, 9, 20, .18) 28%, rgba(3, 9, 20, .9) 74%, #030914 100%),
      linear-gradient(90deg, rgba(3, 9, 20, .88), rgba(3, 9, 20, .12) 78%) !important;
  }

  body.home-page .owner-copy {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: clamp(72px, 12vh, 108px) 20px 0 !important;
  }

  body.home-page .owner-welcome-title {
    font-size: clamp(40px, 13vw, 54px) !important;
  }

  body.home-page .owner-art-title {
    margin-top: 18px !important;
    font-size: 15px !important;
  }

  body.home-page .owner-mobile-brief {
    color: #a8b7c9 !important;
  }

  body.home-page .owner-actions {
    margin-top: 26px !important;
  }

  body.home-page .owner-action,
  body.home-page .owner-action.primary {
    min-height: 44px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
  }

  body.home-page .owner-action:first-child {
    padding-left: 0 !important;
  }

  body.home-page .owner-avatar-card {
    top: 12px !important;
    right: 14px !important;
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
  }

  body.home-page .owner-live-stats {
    position: absolute !important;
    right: 14px !important;
    bottom: 18px !important;
    left: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    background: rgba(3, 9, 19, .62) !important;
  }

  body.home-page .owner-live-card {
    min-height: 66px !important;
    padding: 10px 11px !important;
    border-right: 1px solid var(--a07-line) !important;
    border-bottom: 1px solid var(--a07-line) !important;
  }

  body.home-page .owner-live-card:nth-child(even) {
    border-right: 0 !important;
  }

  body.home-page .owner-live-card:nth-child(5) {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  body.home-page .owner-live-card strong {
    font-size: clamp(20px, 6.2vw, 27px) !important;
  }

  body.home-page .owner-live-card span {
    margin-top: 3px !important;
    font-size: 11px !important;
  }

  body.home-page .owner-section {
    padding: 48px 0 56px !important;
  }

  body.home-page .owner-section-head {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.home-page .owner-grid {
    grid-template-columns: 1fr !important;
  }

  body.home-page .owner-card,
  body.home-page .owner-card.feature,
  body.home-page .owner-card.blue,
  body.home-page .owner-card.green {
    min-height: 0 !important;
    padding: 22px 4px !important;
    border-right: 0 !important;
  }

  body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page, .social-page, .club-page, .support-page) .page-hero,
  body:not(.home-page) .page-hero.subpage-focus-hero {
    width: calc(100% - 24px) !important;
    margin: 10px auto 12px !important;
    padding: 24px 2px 20px !important;
    border-radius: 0 !important;
  }

  body:not(.home-page) .page-hero h1,
  body:not(.home-page) .page-hero h1 .rainbow,
  body:not(.home-page) .section-title h2,
  body.account-page .account-center-hero h1 {
    font-size: clamp(30px, 9vw, 38px) !important;
  }

  body:is(.sounds-page, .wallpapers-page, .forum-page, .articles-page) :is(
    .sound-toolbar, .wallpaper-toolbar, .articles-toolbar, .forum-toolbar
  ) {
    top: 68px !important;
    border-radius: 6px !important;
  }

  body.sounds-page .sound-type-section .sound-list,
  body.wallpapers-page .wallpaper-grid,
  body.articles-page .article-card-list,
  body.social-page .social-grid,
  body.club-page .club-card-list {
    grid-template-columns: 1fr !important;
  }

  body.sounds-page .sound-type-section .sound-list,
  body.wallpapers-page .wallpaper-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body:not(.home-page) .page-hero.subpage-focus-hero,
  html body.social-page .page-hero,
  html body.support-page .page-hero {
    width: calc(100% - 24px) !important;
    margin: 10px auto 12px !important;
    padding: 24px 2px 20px !important;
    border-radius: 0 !important;
  }

  body.wallpapers-page .wallpaper-filters,
  body.articles-page .article-filters {
    padding-right: 54px !important;
  }

  body.articles-page .articles-layout {
    margin-top: 84px !important;
  }

  body.wallpapers-page .wallpaper-count,
  body.articles-page .articles-count {
    border-right: 0 !important;
    border-bottom: 1px solid var(--a07-line) !important;
  }

  body.wallpapers-page .filter-scroll-hint,
  body.articles-page .filter-scroll-hint {
    width: 50px !important;
    color: var(--a07-accent) !important;
    background: linear-gradient(90deg, rgba(7, 16, 29, 0), #07101d 48%) !important;
    box-shadow: none !important;
  }

  body.notifications-page :is(.notification-shell, .notification-hero, .notification-gate, .notification-empty),
  body.account-page :is(.account-center-hero, .account-center-panel, .account-gate) {
    border-radius: 6px !important;
  }

  footer {
    width: calc(100% - 24px) !important;
    margin-top: 32px !important;
    padding: 24px 0 34px !important;
    font-size: 13px !important;
  }
}

/* 2026-08-22: match the approved homepage composition. */
@media (min-width: 761px) {
  body.home-page .owner-hero,
  body.home-page .owner-hero-card {
    min-height: max(720px, calc(100svh - 204px)) !important;
  }

  body.home-page .owner-hero-img {
    object-position: center center !important;
    filter: saturate(.88) contrast(1.08) brightness(.94) !important;
    transform: none !important;
  }

  body.home-page .owner-hero-card::before {
    background:
      linear-gradient(90deg, rgba(2, 7, 16, .97) 0%, rgba(3, 10, 22, .72) 27%, rgba(3, 10, 22, .13) 54%, rgba(3, 8, 18, .03) 100%),
      linear-gradient(180deg, rgba(3, 8, 18, .22) 0%, transparent 45%, rgba(2, 7, 15, .7) 100%) !important;
  }

  body.home-page .owner-copy {
    top: clamp(145px, 16.35vh, 173px) !important;
    left: max(8vw, calc((100vw - 1240px) / 2)) !important;
    width: min(560px, 43vw) !important;
    filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .38)) !important;
    animation: owner-copy-float-in .8s cubic-bezier(.2, .75, .25, 1) both !important;
  }

  body.home-page .owner-welcome-title {
    gap: 12px !important;
    font-size: clamp(52px, 5.2vw, 82px) !important;
    line-height: 1 !important;
    text-shadow: 0 5px 18px rgba(0, 0, 0, .4) !important;
  }

  body.home-page .owner-welcome-title .owner-line {
    margin-bottom: 30px !important;
    font-size: .38em !important;
    font-weight: 560 !important;
  }

  body.home-page .owner-welcome-title .owner-name {
    display: block !important;
    width: max-content !important;
    font-weight: 500 !important;
    color: transparent !important;
    background: linear-gradient(90deg, #dcecff 0%, #9ec9f4 55%, #a9b4ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transform: scaleX(1.06) !important;
    transform-origin: left center !important;
  }

  body.home-page .owner-welcome-title .owner-title-rest {
    display: block !important;
    margin-top: 18px !important;
    font-size: .42em !important;
    font-weight: 560 !important;
  }

  body.home-page .owner-art-title {
    width: auto !important;
    margin-top: 36px !important;
    padding: 0 !important;
    color: #9ba9bb !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.home-page .owner-actions {
    margin-top: 48px !important;
  }

  body.home-page .owner-action img {
    width: 18px !important;
    height: 18px !important;
    margin-right: 9px !important;
    opacity: .88 !important;
    filter: brightness(0) invert(1) !important;
  }

  body.home-page .owner-avatar-card {
    top: 54px !important;
    right: max(5.3vw, calc((100vw - 1320px) / 2)) !important;
    width: 150px !important;
    height: 150px !important;
  }

  body.home-page .owner-live-stats {
    right: max(10.5vw, calc((100vw - 1175px) / 2)) !important;
    bottom: 61px !important;
    left: max(10.5vw, calc((100vw - 1175px) / 2)) !important;
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
  }

  body.home-page .owner-live-card {
    min-height: 60px !important;
    padding: 3px 28px !important;
    text-align: center !important;
  }

  body.home-page .owner-live-card strong {
    font-size: clamp(24px, 2vw, 32px) !important;
    font-weight: 590 !important;
  }

  body.home-page .owner-live-card span {
    color: #98a5b5 !important;
    font-size: 14px !important;
  }

  body.home-page .owner-section {
    width: min(1292px, calc(100% - 48px)) !important;
    padding-top: 44px !important;
  }
}

@keyframes owner-copy-float-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 760px) {
  body.home-page .owner-hero-img {
    filter: saturate(.86) contrast(1.06) brightness(.9) !important;
  }

  body.home-page .owner-copy {
    filter: drop-shadow(0 12px 20px rgba(0, 0, 0, .34)) !important;
    animation: owner-copy-float-in .7s cubic-bezier(.2, .75, .25, 1) both !important;
  }

  body.home-page .owner-action img {
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px !important;
    opacity: .88 !important;
    filter: brightness(0) invert(1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .owner-copy {
    animation: none !important;
  }
}

/* Branded 404 page: intentionally compact so a missing link remains useful. */
body.not-found-page {
  min-height: 100vh;
  margin: 0;
  color: #eaf3ff;
  background:
    radial-gradient(circle at 76% 18%, rgba(62, 96, 173, .25), transparent 32rem),
    linear-gradient(145deg, #040916, #0a1730 62%, #070d1c);
}

.not-found-shell {
  display: grid;
  width: min(1040px, calc(100% - 40px));
  min-height: 100vh;
  margin: 0 auto;
  align-content: center;
  gap: 38px;
}

.not-found-brand {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 9px;
  color: #dfeeff;
  font-size: 15px;
  font-weight: 750;
  text-decoration: none;
}

.not-found-brand span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #3274ec, #7a57ef);
  font-size: 11px;
}

.not-found-card {
  max-width: 680px;
  padding: clamp(28px, 6vw, 64px);
  border: 1px solid rgba(156, 193, 255, .24);
  border-radius: 18px;
  background: rgba(9, 21, 43, .74);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

.not-found-card > p:first-child {
  margin: 0 0 12px;
  color: #88baff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}

.not-found-card h1 {
  margin: 0;
  color: #f0f6ff;
  font-size: clamp(34px, 6vw, 58px);
  line-height: 1.12;
  text-shadow: none;
}

.not-found-card > p:not(:first-child) {
  max-width: 38em;
  margin: 16px 0 0;
  color: #b9cae1;
  font-size: 16px;
  line-height: 1.75;
}

.not-found-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.not-found-actions a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border: 1px solid rgba(156, 193, 255, .3);
  border-radius: 10px;
  color: #dfeeff;
  background: rgba(20, 39, 72, .7);
  font-weight: 750;
  text-decoration: none;
}

.not-found-actions a.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #376fee, #8150e5);
}

.not-found-actions a:hover,
.not-found-actions a:focus-visible {
  border-color: #9bc7ff;
  color: #fff;
}

@media (max-width: 760px) {
  .not-found-shell {
    width: calc(100% - 28px);
    gap: 24px;
  }

  .not-found-card {
    padding: 28px 22px;
  }

  .not-found-actions a {
    flex: 1 1 calc(50% - 5px);
  }

  .not-found-actions a.primary {
    flex-basis: 100%;
  }
}

/* ===== 2026-08-29 界面打磨（追加在所有皮肤层之后，靠层叠顺序生效，勿上移） ===== */

/* 壁纸缩略图按原始比例展示；超高时按容器上限轻微裁切。
   同行卡片等高拉伸（覆盖历史皮肤层的 align-items:start，边框上下对齐），
   高度差由卡片内容区吸收 */
body.wallpapers-page .wallpaper-preview {
  max-height: 460px;
}

body.wallpapers-page .wallpaper-grid {
  align-items: stretch;
}

body.wallpapers-page .wallpaper-card .wallpaper-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.wallpapers-page .wallpaper-card .wallpaper-card-actions {
  margin-top: auto;
}

/* 壁纸卡片分类角标在双列窄卡下不再截成单字 */
body.wallpapers-page .wallpaper-category {
  max-width: calc(100% - 20px);
}

/* 音效卡片统计行：数字与文案成对不拆行，两组之间允许换行 */
.sound-usage .usage-pair {
  white-space: nowrap;
}

/* 首页新手引导大标题避免"逛。"孤字换行（不支持的浏览器保持原样） */
.owner-flow h2 {
  text-wrap: balance;
}

/* 页脚链接加大点击区域 */
footer a {
  display: inline-block;
  padding: 5px 2px;
}

/* ===== 2026-08-29 高级感升级（继续追加在末尾，勿上移） ===== */

/* 卡片描边减淡：靠表面色差分层，弱化面板感 */
body.sounds-page .sound-row,
body.wallpapers-page .wallpaper-card,
.articles-page .article-card {
  border-color: rgba(148, 197, 255, .07) !important;
}

/* 音效卡片播放态：高亮描边 + 声波跳动（局部动效，仅 transform/opacity） */
body.sounds-page .sound-row.playing {
  border-color: rgba(125, 211, 252, .55) !important;
  box-shadow:
    0 0 0 1px rgba(125, 211, 252, .32),
    0 14px 40px rgba(2, 132, 199, .18) !important;
}

body.sounds-page .sound-row.playing .listen-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.wavebars {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 14px;
}

.wavebars i {
  width: 3px;
  border-radius: 2px;
  background: currentColor;
  animation: qiyuan-wave 1s ease-in-out infinite;
}

.wavebars i:nth-child(1) { height: 60%; animation-delay: 0s; }
.wavebars i:nth-child(2) { height: 100%; animation-delay: .18s; }
.wavebars i:nth-child(3) { height: 45%; animation-delay: .36s; }

@keyframes qiyuan-wave {
  0%, 100% { transform: scaleY(.45); }
  50% { transform: scaleY(1); }
}

/* 壁纸预览弹窗：左右切换箭头 */
.wallpaper-preview-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(186, 230, 253, .25);
  background: rgba(8, 16, 30, .72);
  color: #eaf6ff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  z-index: 60;
  transition: background .18s ease, border-color .18s ease;
}

.wallpaper-preview-nav:hover {
  background: rgba(18, 32, 56, .9);
  border-color: rgba(125, 211, 252, .5);
}

.wallpaper-preview-nav.prev { left: 18px; }
.wallpaper-preview-nav.next { right: 18px; }

@media (max-width: 640px) {
  .wallpaper-preview-nav { top: auto; bottom: 96px; width: 42px; height: 42px; }
  .wallpaper-preview-nav.prev { left: 14px; }
  .wallpaper-preview-nav.next { right: 14px; }
}

/* 首屏入场：仅桌面端、一次性、只动 transform/opacity；尊重系统减弱动效设置 */
@media (min-width: 821px) and (prefers-reduced-motion: no-preference) {
  body.home-page .owner-card,
  body.home-page .owner-stat,
  body.home-page .owner-flow {
    animation: qiyuan-rise-in .6s cubic-bezier(.2, .75, .25, 1) both;
  }

  body.home-page .owner-card:nth-child(2) { animation-delay: .06s; }
  body.home-page .owner-card:nth-child(3) { animation-delay: .12s; }
  body.home-page .owner-card:nth-child(4) { animation-delay: .18s; }
  body.home-page .owner-card:nth-child(5) { animation-delay: .24s; }
  body.home-page .owner-card:nth-child(6) { animation-delay: .3s; }

  body.home-page .owner-hero-img {
    animation: qiyuan-hero-zoom 22s ease-out both;
  }

  @keyframes qiyuan-rise-in {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes qiyuan-hero-zoom {
    from { transform: scale(1); }
    to { transform: scale(1.05); }
  }
}

/* 品牌大标题使用 MiSans Heavy 子集（仅首页加载，139KB 分片按需取用） */
.owner-welcome-title {
  font-family: "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 注册表单：公众号验证码获取提示 */
.field-hint {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(178, 209, 255, .8);
}

.field-hint b,
.field-hint strong {
  color: #cfe6ff;
  font-weight: 700;
}

/* ===== 文章详情页（服务端渲染 /article/<id>） ===== */
.article-detail-page main {
  max-width: 800px;
  margin: 0 auto;
  padding: 92px 18px 48px;
}

.article-detail {
  background: rgba(10, 20, 38, .66);
  border: 1px solid rgba(148, 197, 255, .1);
  border-radius: 14px;
  padding: 30px 26px;
}

.article-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 0 0 14px;
  font-size: 13px;
  color: rgba(178, 209, 255, .82);
}

.article-detail-meta em {
  font-style: normal;
  color: #9fd4ff;
}

.article-detail h1 {
  margin: 0 0 20px;
  font-size: clamp(24px, 3.4vw, 34px);
  line-height: 1.35;
  color: #eef6ff;
}

/* 正文区使用白色阅读底：公众号导入的内联样式按白底设计，
   深色内联文字在白底上才能清晰可读 */
.article-content {
  background: #ffffff;
  border-radius: 10px;
  padding: 26px 22px;
  line-height: 1.9;
  font-size: 16px;
  color: #333a45;
  overflow-wrap: break-word;
  box-shadow: inset 0 0 0 1px rgba(148, 197, 255, .14);
}

.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

.article-content p {
  margin: 0 0 1em;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
  color: #22304a;
  line-height: 1.4;
  margin: 1.4em 0 .6em;
}

.article-content ul,
.article-content ol {
  margin: 0 0 1em;
  padding-left: 1.5em;
}

.article-content a {
  color: #2f6fd6;
}

.article-content blockquote {
  margin: 1em 0;
  padding: 10px 16px;
  border-left: 3px solid #9ec7f5;
  background: #f2f7fd;
  color: #44506a;
  border-radius: 0 8px 8px 0;
}

.article-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(148, 197, 255, .12);
}

.article-source-link,
.article-back-link {
  color: #9fd4ff;
  text-decoration: none;
  font-weight: 700;
}

.article-source-link:hover,
.article-back-link:hover {
  text-decoration: underline;
}

/* 2026-08-31: responsive clarity pass. Keep this with the consolidated site styles. */

/* White text on this blue is 4.9:1 or better. */
body:not(.admin-page) :is(
  .subpage-primary-link,
  .listen-button,
  .wallpaper-button:not([disabled]),
  .forum-button.blue,
  .club-button.blue,
  .notification-primary,
  .account-center-button.primary,
  .top-account-button.blue,
  .account-tab.active,
  .platform-link
) {
  color: #fff !important;
  background: var(--a07-accent-strong) !important;
  border-color: #4c83df !important;
  box-shadow: none !important;
}

body:not(.admin-page) :is(
  .subpage-primary-link,
  .listen-button,
  .wallpaper-button:not([disabled]),
  .forum-button.blue,
  .club-button.blue,
  .notification-primary,
  .account-center-button.primary,
  .top-account-button.blue,
  .platform-link
):hover {
  background: #285fc7 !important;
}

/* Search and filter areas use one outer boundary, with only functional controls outlined. */
body.sounds-page .listen-panel,
body.wallpapers-page .wallpaper-panel {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body:is(.sounds-page, .wallpapers-page, .articles-page, .forum-page) :is(
  .sound-toolbar,
  .wallpaper-toolbar,
  .articles-toolbar,
  .forum-toolbar
) {
  padding: 12px !important;
  background: #07101d !important;
  border: 1px solid rgba(150, 182, 219, .2) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .articles-page, .forum-page) :is(
  .wallpaper-count,
  .wallpaper-search,
  .articles-count,
  .article-search,
  .forum-search-field,
  .forum-scope-field,
  .resource-sort,
  .filter-scroll-shell,
  .wallpaper-filters,
  .article-filters
) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:is(.sounds-page, .wallpapers-page, .articles-page, .forum-page) :is(
  input,
  select,
  .resource-sort-button,
  .wallpaper-filter,
  .article-filter
) {
  min-height: 44px !important;
}

body:not(.home-page) .page-hero.subpage-focus-hero,
body:is(.social-page, .club-page, .support-page) .page-hero {
  padding-top: 28px !important;
  padding-bottom: 22px !important;
}

/* The lower home row is navigation first; its counts are supporting detail. */
body.home-page .owner-stat {
  position: relative;
  display: flex;
  min-height: 104px !important;
  padding: 20px 46px 20px 20px !important;
  flex-direction: column;
  justify-content: center;
  color: var(--a07-title) !important;
  text-decoration: none;
}

body.home-page .owner-stat::after {
  position: absolute;
  top: 50%;
  right: 18px;
  color: var(--a07-accent);
  content: "\2192";
  transform: translateY(-50%);
}

body.home-page .owner-stat strong {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: var(--a07-title) !important;
  font-size: 19px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

body.home-page .owner-stat strong small {
  color: var(--a07-accent) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.home-page .owner-stat > span {
  margin-top: 7px;
  color: var(--a07-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.home-page .owner-stat:hover,
body.home-page .owner-stat:focus-visible {
  background: rgba(57, 120, 237, .08) !important;
  outline: 2px solid transparent;
}

footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 18px;
}

footer > span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
}

@media (max-width: 760px) {
  body.home-page .owner-avatar-card {
    top: 12px !important;
    margin: 0 !important;
  }

  body.articles-page .articles-toolbar,
  body.forum-page .forum-toolbar {
    top: auto !important;
  }

  body.articles-page .articles-toolbar {
    margin-top: 24px !important;
  }

  body.sounds-page .sound-toolbar {
    top: 68px !important;
  }

  body.wallpapers-page .filter-scroll-shell,
  body.articles-page .filter-scroll-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px;
    align-items: stretch;
    min-height: 52px;
    overflow: hidden !important;
  }

  body.wallpapers-page .wallpaper-filters,
  body.articles-page .article-filters {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100%;
    margin: 0 !important;
    padding: 3px 8px 7px 2px !important;
    scroll-snap-type: x mandatory;
  }

  body.wallpapers-page .wallpaper-filter,
  body.articles-page .article-filter {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding-inline: 8px !important;
    overflow: hidden;
    font-size: 13px !important;
    scroll-snap-align: start;
  }

  body.articles-page .article-filter {
    width: calc((100% - 10px) / 3) !important;
  }

  body.wallpapers-page .wallpaper-filter {
    width: calc((100% - 2px) / 2) !important;
    font-size: 12px !important;
  }

  body.wallpapers-page .filter-scroll-hint,
  body.articles-page .filter-scroll-hint {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    width: 52px !important;
    height: auto !important;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: var(--a07-accent) !important;
    background: #07101d !important;
    border-left: 1px solid var(--a07-line) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700;
    transform: none !important;
  }

  body.home-page .owner-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-page .owner-stat {
    min-height: 96px !important;
    padding: 16px 38px 16px 14px !important;
  }

  body.home-page .owner-stat strong {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
    font-size: 17px !important;
  }

  footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }

  footer > span {
    min-height: 32px;
  }
}

/* Approved editorial design. Live-stat styling stays unchanged. */
html body:not(.admin-page) {
  --site-bg:#040913; --site-surface:#0d1726; --site-title:#edf3fc;
  --site-copy:#d1dceb; --site-muted:#a5b3c7; --site-line:#223047;
  --site-line-strong:#394e6a; --site-accent:#a6caff; --site-selected:#192d48;
  --site-primary:#345fc2; --site-primary-hover:#426ed3;
}

html body:is(.sounds-page,.wallpapers-page,.articles-page,.article-detail-page,.forum-page,.club-page,.social-page,.support-page,.account-page,.notifications-page) {
  --a07-bg:var(--site-bg); --a07-panel-soft:var(--site-surface); --a07-panel:var(--site-surface);
  --a07-title:var(--site-title); --a07-copy:var(--site-copy); --a07-muted:var(--site-muted);
  --a07-line:var(--site-line); --a07-line-strong:var(--site-line-strong); --a07-accent:var(--site-accent); --a07-accent-strong:#2863ce;
  color:var(--site-copy); background:var(--site-bg) !important; font-size:16px; font-weight:400;
}
html body:not(.home-page):not(.admin-page) :is(.page-hero,.page-hero.subpage-focus-hero) {
  width:min(1200px,calc(100% - 80px)) !important; margin:0 auto !important; padding:48px 0 28px !important;
  min-height:0 !important; text-align:left !important; border:0 !important;
}
html body:not(.home-page):not(.admin-page) .page-hero :is(h1,h1 .rainbow) {
  margin:0 !important; max-width:none; font-size:40px !important; font-weight:650 !important; line-height:1.25 !important; letter-spacing:-.02em !important;
}
html body:not(.home-page):not(.admin-page) .page-hero .lead { margin:14px 0 0 !important; max-width:800px; font-size:16px !important; line-height:1.8 !important; font-weight:400 !important; color:var(--a07-muted) !important; }
html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page,.club-page,.social-page,.support-page) .section { width:min(1200px,calc(100% - 80px)) !important; margin:0 auto !important; padding:0 0 40px !important; }
html body:not(.home-page):not(.admin-page) :is(h2,h3,h4) { letter-spacing:0 !important; text-shadow:none !important; }
html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page,.club-page,.social-page,.support-page) :is(p,button,input,select,textarea,.secondary-link) { font-weight:400 !important; }
html body:not(.admin-page) :is(.account-popover,.top-account-form input,.account-tab,.top-account-button) { box-shadow:none !important; border-radius:8px !important; }
html body:not(.admin-page) .account-popover { background:var(--site-surface) !important; color:var(--site-title) !important; border:1px solid var(--site-line-strong) !important; padding:24px !important; max-height:calc(100dvh - 84px); overflow-y:auto; }
/* A filtered navigation bar otherwise becomes the containing block of its fixed login panel. */
html body.account-panel-open .nav { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html body:not(.admin-page) .account-popover :is(p,.top-account-status) { color:#b7bfcd !important; font-size:14px !important; font-weight:400 !important; line-height:1.65 !important; }
html body .account-close { position:absolute; top:10px; right:12px; min-height:36px; min-width:44px; background:transparent; border:0; color:#bdc7d5; cursor:pointer; }
html body .top-account-form label { display:grid; gap:6px; color:var(--site-copy); font-size:13px; text-align:left; }
html body .top-account-form input { width:100%; min-height:44px; color:var(--site-title) !important; background:var(--site-bg) !important; border:1px solid var(--site-line-strong) !important; }
html body:not(.admin-page) :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--site-accent) !important; outline-offset:4px; }
html body:not(.admin-page) button { cursor:pointer; }
html body:not(.admin-page) button:disabled { cursor:default; opacity:.55; }
html body:not(.admin-page) .nav { background:var(--site-bg) !important; border-bottom:1px solid var(--site-line) !important; }
html body:not(.admin-page) footer { width:min(1200px,calc(100% - 80px)) !important; font-size:13px !important; color:#939da9 !important; }
html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page) :is(.sound-toolbar,.wallpaper-toolbar,.articles-toolbar,.forum-toolbar) {
  position:static !important; padding:0 0 22px !important; margin:0 !important; background:transparent !important; border:0 !important; border-bottom:1px solid var(--a07-line) !important; border-radius:0 !important; backdrop-filter:none !important;
}
html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page) :is(input,select,textarea) { border-color:var(--a07-line-strong) !important; background:var(--site-surface) !important; border-radius:8px !important; font-size:15px !important; }
html body:is(.sounds-page,.wallpapers-page,.articles-page) :is(.resource-sort-button,.wallpaper-filter,.article-filter) { border-radius:8px !important; font-weight:400 !important; }
html body:is(.sounds-page,.wallpapers-page,.articles-page) :is(.resource-sort-button.active,.wallpaper-filter.active,.article-filter.active) { color:#aacaFF !important; background:var(--site-selected) !important; border-color:var(--site-line-strong) !important; }
html body .resource-help { width:min(1200px,calc(100% - 80px)); margin:12px auto 32px; padding:20px 0; border-top:1px solid var(--site-line); font-size:14px; color:var(--site-muted); }
html body .resource-help summary { cursor:pointer; min-height:44px; line-height:44px; color:#c3ccd9; }
html body .resource-help :is(h3,.resource-disclaimer-kicker,.pill-row) { display:none; }
html body .resource-help :is(.resource-disclaimer-heading,.resource-disclaimer-detail,.notice) { background:none !important; border:0 !important; padding:0 !important; margin:10px 0 !important; font-size:14px !important; color:var(--site-muted) !important; line-height:1.8 !important; }
html body.sounds-page #sounds .listen-head { display:flex !important; justify-content:space-between; align-items:center; margin:0 0 20px !important; padding:0 !important; }

html body.sounds-page #sounds .live-total { font-size:13px !important; color:var(--a07-muted) !important; background:none !important; border:0 !important; }
html body.sounds-page #sounds .sound-toolbar { display:grid !important; grid-template-columns: minmax(180px,1fr) 190px auto !important; gap:14px !important; }
html body.sounds-page #sounds .sound-toolbar #soundSearch { grid-column:1 / -1; width:100% !important; }
html body.sounds-page #sounds .sound-type-tabs { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
html body.sounds-page #sounds .sound-type-tab { min-height:44px; padding:0 15px; font:inherit; color:var(--site-muted); background:transparent; border:1px solid transparent; border-radius:8px; }
html body.sounds-page #sounds .sound-type-tab.active { color:#eaf2ff; background:var(--site-selected); border-color:var(--site-line-strong); }
html body.sounds-page #sounds .sound-groups { display:block !important; margin-top:24px !important; }
html body.sounds-page #sounds .sound-type-section { margin:0 0 32px !important; padding:0 !important; background:transparent !important; border:0 !important; overflow:visible !important; }
html body.sounds-page #sounds .sound-type-section[hidden] { display:none !important; }
html body.sounds-page #sounds .sound-type-head { padding:0 0 12px !important; background:none !important; border:0 !important; }
html body.sounds-page #sounds .sound-type-head h2 { font-size:18px !important; font-weight:600 !important; margin:0; }
html body.sounds-page #sounds .sound-type-head p { display:none !important; }
html body.sounds-page #sounds .sound-type-section .sound-list { display:block !important; height:auto !important; max-height:none !important; padding:0 !important; overflow:visible !important; border-top:1px solid var(--site-line); }
html body.sounds-page #sounds .sound-row { display:grid !important; grid-template-columns:minmax(0,1fr) 292px !important; align-items:center !important; min-height:92px !important; padding:18px 8px !important; margin:0 !important; gap:24px !important; background:transparent !important; border:0 !important; border-bottom:1px solid var(--site-line) !important; border-radius:0 !important; box-shadow:none !important; }
html body.sounds-page #sounds .sound-row.playing { background:#172538 !important; border-bottom-color:#6299ef !important; }
html body.sounds-page #sounds .sound-row :is(h3,h4) { font-size:17px !important; font-weight:550 !important; line-height:1.5 !important; color:#edf0f5 !important; }
html body.sounds-page #sounds .sound-title-row { gap:6px; }
html body.sounds-page #sounds .resource-rank { display:none !important; }
html body.sounds-page #sounds .sound-meta { margin-top:5px !important; }
html body.sounds-page #sounds .sound-card-tag { background:transparent !important; border:0 !important; padding:0 !important; color:var(--site-muted) !important; font-size:13px !important; }
html body.sounds-page #sounds .sound-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; align-items:center !important; }
html body.sounds-page #sounds :is(.listen-button,.download-button) { width:100% !important; min-height:44px !important; padding:0 12px !important; border-radius:8px !important; font-size:14px !important; }
html body.sounds-page #sounds .sound-usage { grid-column:1 / -1; margin:0 !important; font-size:12px !important; text-align:right !important; }
html body.sounds-page #sounds .audio-player { width:100%; margin-top:16px; }
html body #soundEmptyState button, html body #wallpaperStatus button { margin:12px; min-height:44px; color:#aacaFF; background:var(--site-selected); border:1px solid var(--site-line-strong); border-radius:8px; }
html body.wallpapers-page #wallpapers .wallpaper-toolbar { grid-template-columns:200px minmax(0,1fr) auto !important; gap:24px !important; }
html body.wallpapers-page #wallpapers .wallpaper-count strong, html body.articles-page #articles .articles-count strong { font-size:25px !important; font-weight:600 !important; }
html body.wallpapers-page #wallpapers .wallpaper-count span, html body.articles-page #articles .articles-count span { font-size:13px !important; line-height:1.6 !important; }
html body.wallpapers-page #wallpapers .wallpaper-search::after { display:none !important; }
html body.wallpapers-page #wallpapers .wallpaper-search { padding:0 !important; }
html body.wallpapers-page #wallpapers .wallpaper-search input { width:100% !important; padding:12px 14px !important; }
html body.wallpapers-page .page-hero.subpage-focus-hero { padding-bottom:24px !important; }
html body.wallpapers-page #wallpapers .wallpaper-toolbar { padding-bottom:16px !important; }
html body.wallpapers-page .wallpaper-category-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; position:relative; margin-top:16px; }
html body.wallpapers-page .wallpaper-quick-filters { display:flex; gap:8px; min-width:0; flex-wrap:wrap; }
html body.wallpapers-page .wallpaper-all-categories { flex-shrink:0; }
html body.wallpapers-page .wallpaper-all-categories > summary { min-height:44px; padding:10px 14px; color:#b8c8df; border:1px solid var(--site-line-strong); border-radius:8px; cursor:pointer; font-size:14px; }
html body.wallpapers-page #wallpapers .wallpaper-all-categories .wallpaper-filters { position:absolute !important; z-index:20; top:calc(100% + 8px); right:0; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px !important; width:min(600px,100%) !important; max-height:50dvh; overflow:auto !important; padding:16px !important; background:var(--site-surface) !important; border:1px solid var(--site-line-strong); border-radius:10px; box-shadow:0 14px 36px #0006; }
html body.wallpapers-page #wallpapers .wallpaper-all-categories:not([open]) .wallpaper-filters { display:none !important; }
html body.wallpapers-page .wallpaper-category-bar .wallpaper-filter { min-height:44px !important; padding:8px 12px !important; min-width:0 !important; width:auto !important; max-width:100%; white-space:normal !important; }
html body.wallpapers-page .wallpaper-category-bar .wallpaper-filter-name { overflow:hidden; text-overflow:ellipsis; }
html body.wallpapers-page .wallpaper-all-categories .wallpaper-filter-name { white-space:normal; overflow:visible; text-overflow:clip; }
html body.wallpapers-page #wallpapers .wallpaper-status { padding:10px 0 !important; margin:0 0 14px !important; border:0 !important; background:none !important; font-size:13px !important; }
html body.wallpapers-page #wallpapers .wallpaper-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
html body.wallpapers-page #wallpapers .wallpaper-card { display:flex !important; flex-direction:column !important; background:transparent !important; border:0 !important; border-radius:0 !important; }
html body.wallpapers-page #wallpapers .wallpaper-preview { aspect-ratio:16 / 10 !important; height:auto !important; min-height:0 !important; max-height:none !important; background:#1d2128 !important; border-radius:12px !important; overflow:hidden; }
html body.wallpapers-page #wallpapers .wallpaper-image-button { display:block !important; width:100% !important; height:100% !important; background:transparent !important; }
html body.wallpapers-page #wallpapers .wallpaper-preview img { display:block !important; width:100% !important; height:100% !important; max-height:none !important; object-fit:contain !important; }
html body.wallpapers-page :is(.wallpaper-preview .resource-rank,.wallpaper-category) { display:none !important; }
html body.wallpapers-page #wallpapers .wallpaper-body { flex:1; padding:14px 0 0 !important; gap:7px !important; }
html body.wallpapers-page #wallpapers .wallpaper-body h3 { font-size:16px !important; line-height:1.5 !important; font-weight:550 !important; margin:0 !important; min-height:48px; color:#eef1f5 !important; }
html body.wallpapers-page #wallpapers .wallpaper-usage { margin:0 !important; color:var(--site-muted) !important; font-size:12px !important; }
html body.wallpapers-page #wallpapers .wallpaper-card-actions { width:100%; padding-top:5px !important; }
html body.wallpapers-page #wallpapers .wallpaper-button { min-height:44px !important; width:100% !important; border-radius:8px !important; font-size:13px !important; background:transparent !important; border:1px solid var(--site-line-strong) !important; color:#b8c8df !important; box-shadow:none !important; }
html body.wallpapers-page #wallpapers .wallpaper-button:hover { background:#1c2634 !important; border-color:var(--site-accent) !important; }
html body.wallpapers-page .wallpaper-preview-download { display:block; width:100%; min-height:44px; margin-top:16px; padding:10px 18px; background:var(--site-primary); color:#fff; border:1px solid #537bd0; border-radius:8px; font:inherit; font-size:14px; }
html body.wallpapers-page .wallpaper-preview-download:hover { background:var(--site-primary-hover); }
html body.wallpapers-page .wallpaper-preview-status { margin:10px 0 0; color:#c6d4e7; font-size:13px; line-height:1.6; }
html body.wallpapers-page .wallpaper-preview-status:empty { display:none; }
html body.wallpapers-page .wallpaper-preview-dialog { position:relative !important; display:flex !important; flex-direction:column; width:min(1100px,calc(100% - 40px)) !important; max-height:calc(100dvh - 40px) !important; padding:64px 60px 20px !important; background:var(--site-surface) !important; border:1px solid var(--site-line-strong) !important; border-radius:12px !important; }
html body.wallpapers-page #wallpaperPreviewImage { width:100% !important; min-height:0; max-height:calc(100dvh - 315px) !important; object-fit:contain !important; }
html body.wallpapers-page .wallpaper-preview-close { position:absolute !important; top:12px !important; right:16px !important; min-width:60px; min-height:44px; }
html body.wallpapers-page .wallpaper-preview-nav { position:absolute !important; top:50% !important; bottom:auto !important; width:44px; height:44px; }
html body.wallpapers-page .wallpaper-preview-nav.prev { left:8px !important; }
html body.wallpapers-page .wallpaper-preview-nav.next { right:8px !important; }
html body.wallpapers-page .wallpaper-preview-caption { position:static !important; padding:16px 0 0 !important; background:none !important; }
html body.wallpapers-page .wallpaper-preview-caption h3 { color:var(--site-title) !important; font-size:16px !important; }
html body.articles-page #articles .articles-toolbar { grid-template-columns:170px minmax(0,1fr) !important; gap:16px 24px !important; }
html body.articles-page #articles .articles-layout { display:grid !important; grid-template-columns:minmax(0,1fr) 250px !important; gap:56px !important; margin-top:24px !important; align-items:start; }
html body.articles-page #articles .article-follow-card { grid-column:2; grid-row:1; padding:24px 0 0 !important; border:0 !important; border-top:1px solid var(--site-line) !important; background:transparent !important; }
html body.articles-page #articles .article-follow-card h3 { font-size:18px !important; }
html body.articles-page #articles .article-follow-card p { font-size:14px !important; line-height:1.8 !important; }
html body.articles-page #articles .article-follow-card .qr-frame { width:100%; padding:12px !important; background:#fff !important; border-radius:12px !important; margin-top:20px !important; }
html body.articles-page #articles .article-follow-card .qr-frame img { width:164px !important; height:164px !important; object-fit:contain; margin:auto; }
html body.articles-page #articles .qr-caption { font-size:12px !important; color:#505967 !important; }
html body.articles-page #articles .article-card-list { display:block !important; grid-column:1; grid-row:1; }
html body.articles-page #articles .article-card { display:flex !important; flex-direction:column !important; min-height:0 !important; padding:24px 0 !important; margin:0 !important; gap:10px !important; background:transparent !important; border:0 !important; border-bottom:1px solid var(--site-line) !important; border-radius:0 !important; transform:none !important; }
html body.articles-page #articles .article-card:is([hidden],.is-hidden) { display:none !important; }
html body.articles-page #articles .article-card strong { font-size:22px !important; font-weight:550 !important; line-height:1.5 !important; }
html body.articles-page #articles .article-card-top { font-size:13px !important; color:var(--site-muted) !important; }
html body.articles-page #articles .article-card-top em { padding:0 !important; background:none !important; border:0 !important; color:var(--site-muted) !important; font-weight:400 !important; }
html body.articles-page #articles .article-card-summary { font-size:15px !important; line-height:1.8 !important; }
html body.articles-page #articles .article-card-link { margin:0 !important; font-size:13px !important; font-weight:400 !important; }
html body.article-detail-page main { max-width:820px; padding:48px 40px 40px !important; }
html body.article-detail-page .article-detail { background:transparent; border:0; padding:0; border-radius:0; }
html body.article-detail-page .article-detail > h1 { max-width:none; margin:16px 0 32px; font-size:36px; font-weight:650; line-height:1.45; letter-spacing:-.01em; }
html body.article-detail-page .article-content { padding:0; background:transparent; border:0; box-shadow:none; color:var(--site-copy); font-size:18px; line-height:1.95; }
html body.article-detail-page .article-content :is(section,div,p,span,strong,b,em,font,h1,h2,h3,h4,ul,ol,li,blockquote,a) { background:transparent !important; color:inherit !important; font-family:inherit !important; letter-spacing:0 !important; text-shadow:none !important; font-size:inherit !important; line-height:inherit !important; max-width:100% !important; }
html body.article-detail-page .article-content :is(p,section,div) { width:auto !important; }
html body.article-detail-page .article-content p { margin:0 0 1.2em !important; }
html body.article-detail-page .article-content :is(h1,h2,h3,h4) { font-size:24px !important; font-weight:600 !important; margin:1.6em 0 .7em !important; }
html body.article-detail-page .article-content :is(a) { color:var(--site-accent) !important; text-decoration:underline; }
html body.article-detail-page .article-content img { max-width:100% !important; height:auto !important; border-radius:12px; }
html body.article-detail-page .article-content blockquote { padding:12px 20px; border-left:2px solid #6197ee; color:var(--site-muted) !important; }
html body:is(.forum-page,.club-page,.social-page,.support-page) :is(.forum-panel,.club-panel,.social-card,.support) { padding:28px !important; background:var(--site-surface) !important; border:1px solid var(--site-line) !important; border-radius:12px !important; box-shadow:none !important; }
html body.forum-page #forum .forum-feed-panel { padding:0 !important; background:transparent !important; border:0 !important; }
html body.forum-page #forum .forum-feed-head { display:none !important; }
html body.forum-page #forum .forum-compose-entry { padding:0 0 20px !important; margin:0 !important; background:none !important; border:0 !important; }
html body.forum-page #forum .forum-compose-entry span { font-size:14px !important; }
html body.forum-page #forum .forum-post { padding:24px 0 !important; border:0 !important; border-bottom:1px solid var(--site-line) !important; border-radius:0 !important; background:transparent !important; }
html body.forum-page #forum .forum-post > h4 { font-size:22px !important; font-weight:550 !important; line-height:1.5 !important; }
html body.forum-page #forum .forum-post-category { padding:0 !important; background:none !important; color:var(--site-muted) !important; border:0 !important; font-size:13px !important; }
html body.forum-page #forum #forumTotals { display:flex !important; flex-wrap:wrap; gap:16px !important; background:none !important; border:0 !important; padding:14px 0 !important; color:var(--site-muted) !important; font-size:13px !important; }
html body.forum-page #forum #forumTotals span, html body.forum-page #forum .forum-meta > span { background:none !important; border:0 !important; padding:0 !important; }
html body.forum-page #forum .forum-post-body { font-size:16px !important; line-height:1.85 !important; }
html body.forum-page #forum #forum > .grid { gap:24px !important; padding-top:40px; }
html body.forum-page #forum #forum > .grid .card { padding:20px 0 !important; background:none !important; border:0 !important; border-top:1px solid var(--site-line) !important; box-shadow:none !important; }
html body.forum-page #forum #forum > .grid h3 { color:var(--site-copy) !important; font-size:18px !important; }
html body.forum-page #forum #forum > .grid p { color:var(--site-muted) !important; font-size:14px !important; }
html body.club-page #club .club-layout { grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr) !important; gap:32px !important; }
html body.club-page #club .club-layout + .club-layout { margin-top:40px !important; padding-top:32px; border-top:1px solid var(--site-line); }
html body.club-page #club .club-card { background:transparent !important; border:0 !important; border-top:1px solid #343941 !important; padding:20px 0 !important; border-radius:0 !important; }
html body.club-page #club .club-card-list { display:block !important; }
html body:is(.club-page,.social-page) .qr-frame.compact { width:min(230px,100%); padding:16px !important; border-radius:12px !important; background:#fff !important; box-shadow:none !important; }
html body:is(.club-page,.social-page) .qr-frame.compact img { width:180px !important; max-width:100% !important; height:auto !important; object-fit:contain; }
html body:is(.club-page,.social-page) .qr-caption { color:#505967 !important; font-size:12px !important; }
html body.social-page #social .social-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; }
html body.social-page #social .social-card { display:flex; align-items:flex-start; flex-direction:column; min-height:230px !important; }
html body.social-page #social .social-card h3 { font-size:24px !important; }
html body.social-page #social .social-card p { font-size:16px !important; line-height:1.8 !important; }
html body.social-page #social .platform-link { margin-top:auto !important; }
html body.support-page #support .support { grid-template-columns:minmax(0,1fr) 300px !important; gap:60px !important; }
html body.support-page #support .support h2 { font-size:28px !important; line-height:1.55 !important; color:var(--site-title) !important; }
html body.support-page #support .support p { font-size:16px !important; line-height:1.9 !important; }
html body.support-page #support .qr-box { background:#fff !important; border:0 !important; box-shadow:none !important; border-radius:12px !important; padding:20px !important; }
html body.support-page #support .qr-box :is(strong,span) { color:#505967 !important; }
html body.support-page #support .qr-box img { width:230px !important; max-width:100% !important; height:auto !important; }

html body.home-page .home-editorial { width:min(1200px,calc(100% - 80px)); margin:0 auto; padding:64px 0 0; color:#eff2f7; }
.home-editorial :is(h2,h3,p) { margin:0; letter-spacing:0; }
.home-editorial h2 { font-size:30px; font-weight:600; line-height:1.45; }
.home-editorial h3 { font-size:20px; font-weight:550; line-height:1.5; }
.home-editorial a:hover { color:#b7d4ff; }
.home-editorial .editorial-heading, .home-editorial .editorial-subheading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.home-editorial .editorial-heading { margin-bottom:36px; align-items:flex-end; }
.home-editorial .editorial-heading > p { font-size:15px; color:#a4aebd; }
.home-editorial .editorial-eyebrow { margin-bottom:10px; font-size:13px; color:#a4aebd; }
.home-editorial .editorial-subheading { margin-bottom:16px; }
.home-editorial .editorial-subheading > a { color:var(--site-accent); font-size:14px; white-space:nowrap; }
.home-resource-columns { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.home-sound-list { border-top:1px solid #283344; }
.home-sound { display:flex; gap:16px; min-height:94px; padding:20px 0; justify-content:space-between; align-items:center; border-bottom:1px solid #283344; }
.home-sound-copy { min-width:0; }
.home-sound-copy > a { display:block; font-size:16px; font-weight:500; line-height:1.5; }
.home-sound-copy > span { display:block; margin-top:6px; color:#a4aebd; font-size:12px; }
.home-play { min-width:68px; min-height:44px; border:1px solid #415778; border-radius:8px; background:transparent; color:#a8caff; flex-shrink:0; }
.home-play:hover, .home-play[aria-pressed=true] { background:var(--site-selected); color:#fff; }
.home-wallpaper-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; }
.home-wallpaper { display:block; min-width:0; }
.home-wallpaper img { display:block; width:100%; aspect-ratio:16 / 10; object-fit:contain; background:#19202c; border-radius:12px; }
.home-wallpaper > span { display:block; margin-top:10px; color:#d0d8e4; font-size:14px; line-height:1.5; }
#homeSoundPlayer { width:100%; margin-top:12px; }
.home-resource-status { margin-top:8px !important; color:#a4aebd; font-size:13px; }
.home-reading { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:72px; margin-top:72px; padding-top:48px; border-top:1px solid #283344; }
.home-article { display:block; padding:24px 0; border-bottom:1px solid #283344; }
.home-article-meta { color:#a4aebd; font-size:13px; }
.home-article h3 { margin:10px 0 14px; font-size:21px; }
.home-article-action { color:var(--site-accent); font-size:13px; }
.home-community { align-self:start; padding:28px; border:1px solid #283344; border-radius:12px; background:#0c1523; }
.home-community h2 { font-size:25px; }
.home-community > p:not(.editorial-eyebrow) { margin:16px 0 20px; color:#a4aebd; font-size:14px; line-height:1.85; }
.home-community > a { display:block; padding:18px 0; font-size:16px; border-top:1px solid #283344; }
.home-community > a span { display:block; margin-top:7px; font-size:12px; color:var(--site-accent); }
.home-about { display:flex; justify-content:space-between; gap:32px; padding:48px 0 12px; color:#a4aebd; font-size:14px; line-height:1.9; }
.home-about a { white-space:nowrap; color:var(--site-accent); }
.resource-loading { padding:32px 0; color:#a4aebd; font-size:14px; }

html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page,.club-page,.social-page,.support-page) main { padding-top:0 !important; }
html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page,.club-page,.social-page,.support-page)::before { display:none !important; }
html body:not(.home-page):not(.admin-page) .page-hero { max-width:none !important; }
html body #sounds, html body #wallpapers, html body #articles, html body #forum, html body #club, html body #social, html body #support { padding-top:0 !important; }
html body #wallpapers .wallpaper-filters { padding:0 !important; margin:0 !important; }
html body #wallpapers .wallpaper-status > span { background:none !important; border:0 !important; padding:0 !important; }
html body #wallpapers .wallpaper-count { padding:0 !important; }
html body #wallpapers .wallpaper-toolbar { align-items:center !important; }
html body #articles .article-card::before, html body #articles .article-card::after { display:none !important; }
html body #articles .article-card-link { align-self:flex-start !important; padding:0 !important; min-height:24px !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:var(--site-accent) !important; }
html body #articles .article-card:hover strong { color:#aacaFF !important; }
html body #articles .article-filter.active { box-shadow:none !important; }
html body #articles :is(.article-card,.article-follow-card) { box-shadow:none !important; }
html body #articles :is(.articles-count,.article-search) { padding:0 !important; margin:0 !important; min-height:0 !important; }
html body #articles .article-card-top { display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:12px !important; align-items:center !important; }
html body #wallpapers .wallpaper-status { display:block !important; }
html body #wallpapers .wallpaper-status > span { display:inline !important; }
html body #wallpapers .wallpaper-body { width:100% !important; }
html body #wallpapers .wallpaper-button { max-width:none !important; display:flex !important; align-items:center; justify-content:center; }
html body #wallpapers .wallpaper-card-actions { align-self:stretch; }
html body #sounds .sound-type-head { display:flex !important; flex-direction:row !important; align-items:center !important; }
html body #sounds .sound-type-count { padding:4px 0 !important; color:var(--site-muted) !important; background:none !important; border:0 !important; font-size:13px !important; }
html body #club .club-panel > h3 { font-size:24px !important; font-weight:600 !important; }
html body #club .club-card h3 { font-size:20px !important; font-weight:550 !important; }
html body #social .social-card:nth-child(2) { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:12px 24px; align-content:start; }
html body #social .social-card:nth-child(2) h3 { grid-column:1; margin:0; }
html body #social .social-card:nth-child(2) p { grid-column:1; margin:0; }
html body #social .social-card:nth-child(2) .qr-frame { grid-column:2; grid-row:1 / 3; width:180px; margin:0 !important; }
html body #social .social-card:nth-child(2) .qr-frame img { width:148px !important; }

@media (max-width:1100px) and (min-width:761px) {
  html body.wallpapers-page #wallpapers .wallpaper-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .home-resource-columns { gap:32px; }
  .home-reading { grid-template-columns:minmax(0,1fr) 300px; gap:36px; }
  html body.sounds-page #sounds .sound-toolbar { grid-template-columns:1fr 160px !important; }
  html body.sounds-page #sounds #soundSort { grid-column:1 / -1; }
}
@media (max-width:760px) {
  html body:not(.home-page):not(.admin-page) :is(.page-hero,.page-hero.subpage-focus-hero) { width:calc(100% - 40px) !important; padding:32px 0 24px !important; }
  html body:not(.home-page):not(.admin-page) .page-hero :is(h1,h1 .rainbow) { font-size:30px !important; }
  html body:not(.home-page):not(.admin-page) .page-hero .lead { font-size:14px !important; line-height:1.8 !important; }
  html body:is(.sounds-page,.wallpapers-page,.articles-page,.forum-page,.club-page,.social-page,.support-page) .section, html body .resource-help, html body:not(.admin-page) footer { width:calc(100% - 40px) !important; }
  html body.sounds-page #sounds .listen-head { align-items:flex-start; flex-direction:column; gap:8px; margin-bottom:16px !important; }

  html body.sounds-page #sounds .sound-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) !important; gap:12px 8px !important; }
  html body.sounds-page #sounds .sound-type-tabs { grid-column:1 / -1; flex-wrap:wrap; }
  html body.sounds-page #sounds .sound-type-tab { padding:0 12px; font-size:14px; }
  html body.sounds-page #sounds #soundCategoryFilter { width:100% !important; grid-column:1; min-width:0; font-size:13px !important; padding:0 8px !important; }
  html body.sounds-page #sounds #soundSort { width:100% !important; grid-column:2; padding:0 !important; gap:4px !important; }
  html body.sounds-page #sounds .resource-sort-button { padding:0 8px !important; font-size:13px !important; }
  html body.sounds-page #sounds .sound-row { grid-template-columns:1fr !important; gap:14px !important; padding:20px 0 !important; }
  html body.sounds-page #sounds .sound-row :is(h3,h4) { font-size:17px !important; }
  html body.sounds-page #sounds .sound-actions { width:100% !important; }
  html body.sounds-page #sounds .sound-usage { text-align:left !important; }
  html body.wallpapers-page #wallpapers .wallpaper-toolbar { display:grid !important; grid-template-columns:1fr !important; gap:14px !important; }
  html body.wallpapers-page #wallpapers .wallpaper-count { display:flex !important; align-items:baseline; gap:10px; }
  html body.wallpapers-page #wallpapers .wallpaper-count span { max-width:none !important; font-size:12px !important; }
  html body.wallpapers-page .wallpaper-quick-filters { flex-wrap:nowrap; overflow:hidden; }
  html body.wallpapers-page .wallpaper-quick-filters .wallpaper-filter:not(:first-child):not(.active) { display:none !important; }
  html body.wallpapers-page .wallpaper-quick-filters[data-filtered="true"] .wallpaper-filter:first-child { display:none !important; }
  html body.wallpapers-page .wallpaper-category-bar { gap:8px; }
  html body.wallpapers-page .wallpaper-category-bar .wallpaper-filter { padding:8px !important; font-size:12px !important; }
  html body.wallpapers-page .wallpaper-quick-filters .wallpaper-filter-name { white-space:nowrap; }
  html body.wallpapers-page .wallpaper-all-categories > summary { padding:10px; font-size:13px; }
  html body.wallpapers-page #wallpapers .wallpaper-all-categories .wallpaper-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px !important; }
  html body.wallpapers-page #wallpapers .wallpaper-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px 14px !important; }
  html body.wallpapers-page #wallpapers .wallpaper-body h3 { font-size:14px !important; min-height:42px; }
  html body.wallpapers-page #wallpapers .wallpaper-button { font-size:12px !important; padding:0 5px !important; }
  html body.wallpapers-page .wallpaper-preview-dialog { padding:64px 12px 70px !important; width:calc(100% - 24px) !important; max-height:calc(100dvh - 24px) !important; }
  html body.wallpapers-page #wallpaperPreviewImage { max-height:calc(100dvh - 390px) !important; }
  html body.wallpapers-page .wallpaper-preview-nav { top:auto !important; bottom:10px !important; transform:none !important; }
  html body.wallpapers-page .wallpaper-preview-nav.prev { left:12px !important; }
  html body.wallpapers-page .wallpaper-preview-nav.next { right:12px !important; }
  html body.wallpapers-page .wallpaper-preview-caption { padding:16px 8px 0 !important; }
  html body.articles-page #articles .articles-toolbar { grid-template-columns:1fr !important; margin:0 !important; }
  html body.articles-page #articles .articles-count { display:flex !important; flex-direction:row !important; align-items:baseline; gap:10px; }
  html body.wallpapers-page #wallpapers .wallpaper-count { flex-direction:row !important; }
  html body.articles-page #articles .articles-layout { display:flex !important; flex-direction:column; gap:32px !important; }
  html body.articles-page #articles .article-card-list { width:100%; }
  html body.articles-page #articles .article-card { padding:22px 0 !important; }
  html body.articles-page #articles .article-card strong { font-size:20px !important; }
  html body.articles-page #articles .article-follow-card { display:none !important; }
  html body.articles-page #articles .article-page-numbers { display:none !important; }
  html body.articles-page #articles .article-pagination { display:flex; justify-content:space-between; gap:8px; }
  html body.articles-page #articles .article-page-status { order:2; font-size:13px; }
  html body.articles-page #articles .article-pagination > button:last-of-type { order:3; }
  html body.article-detail-page main { padding:32px 20px 40px !important; }
  html body.article-detail-page .article-detail > h1 { font-size:28px; }
  html body.article-detail-page .article-content { font-size:17px; }
  html body.article-detail-page .article-content :is(section,div) { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; }
  html body:is(.forum-page,.club-page,.social-page,.support-page) :is(.forum-panel,.club-panel,.social-card,.support) { padding:22px !important; }
  html body.club-page #club .club-layout, html body.social-page #social .social-grid, html body.support-page #support .support { display:grid !important; grid-template-columns:1fr !important; gap:24px !important; }
  html body.club-page #club .club-layout + .club-layout { margin-top:24px !important; }
  html body.social-page #social .social-card { min-height:0 !important; }
  html body #social .social-card:nth-child(2) { display:flex; }
  html body #social .social-card:nth-child(2) .qr-frame { margin-top:16px !important; }
  html body.social-page #social .platform-link { margin-top:20px !important; }
  html body.support-page #support .support h2 { font-size:23px !important; }
  html body.support-page #support .support .qr-box { width:100% !important; }
  html body .account-popover { width:calc(100vw - 32px) !important; max-width:380px; right:8px !important; }
  html body.home-page .home-editorial { width:calc(100% - 40px); padding-top:40px; }
  .home-editorial h2 { font-size:27px; }
  .home-editorial .editorial-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:28px; }
  .home-resource-columns,.home-reading { grid-template-columns:1fr; gap:36px; }
  .home-editorial .editorial-subheading { gap:12px; }
  .home-editorial .editorial-subheading > a { font-size:13px; }
  .home-sound { min-height:86px; padding:17px 0; }
  .home-wallpaper-grid { gap:22px 14px; }
  .home-reading { margin-top:40px; padding-top:32px; }
  .home-article h3 { font-size:19px; }
  .home-community { padding:24px; }
  .home-about { flex-direction:column; gap:12px; padding-top:32px; }
}

/* Homepage composition; the existing statistics retain their own styles. */
html body.home-page .owner-hero,
html body.home-page .owner-hero-card { min-height:520px !important; }
html body.home-page .owner-hero-card { background:var(--site-bg) !important; }
html body.home-page .owner-hero-card::before {
  background:linear-gradient(90deg,#040913 0%,#040913e8 22%,#04091338 58%,transparent 100%),linear-gradient(0deg,#040913 0%,#04091355 24%,transparent 60%) !important;
}
html body.home-page .owner-hero-card::after { display:none !important; }
html body.home-page .owner-hero-img { filter:none !important; animation:none !important; transform:none !important; }
html body.home-page .owner-copy { top:40px !important; left:max(40px,calc((100% - 1200px) / 2)) !important; width:min(520px,46%) !important; padding:0 !important; margin:0 !important; filter:none !important; animation:none !important; }
html body.home-page .owner-identity { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
html body.home-page .owner-avatar-card { position:static !important; width:44px !important; height:44px !important; flex:none; padding:2px !important; margin:0 !important; border:1px solid var(--site-line-strong) !important; box-shadow:none !important; background:transparent !important; }
html body.home-page .owner-kicker { display:block !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; font-size:13px !important; font-weight:400 !important; letter-spacing:.06em !important; color:var(--site-muted) !important; }
html body.home-page .owner-welcome-title { font-size:60px !important; line-height:1.08 !important; letter-spacing:0 !important; text-shadow:none !important; }
html body.home-page .owner-welcome-title .owner-name { font-size:1em !important; transform:none !important; background:none !important; color:#bed8ff !important; -webkit-text-fill-color:#bed8ff !important; }
html body.home-page .owner-welcome-title .owner-line { font-size:18px !important; margin-bottom:10px !important; color:var(--site-copy) !important; }
html body.home-page .owner-welcome-title .owner-title-rest { font-size:26px !important; margin-top:10px !important; }
html body.home-page .owner-art-title { margin:20px 0 0 !important; padding:0 !important; font-size:15px !important; font-weight:400 !important; color:var(--site-muted) !important; background:none !important; border:0 !important; }
html body.home-page .owner-art-title em { padding:0 !important; border:0 !important; background:none !important; font-style:normal !important; font-weight:400 !important; }
html body.home-page .owner-mobile-brief { display:none !important; }
html body.home-page .owner-actions { gap:8px !important; margin-top:24px !important; flex-wrap:wrap !important; }
html body.home-page .owner-actions .owner-action { display:inline-flex !important; align-items:center; justify-content:center; min-height:44px !important; padding:0 14px !important; border:1px solid var(--site-line-strong) !important; border-radius:8px !important; background:#0d1726cc !important; color:var(--site-copy) !important; font-size:14px !important; font-weight:500 !important; }
html body.home-page .owner-actions .owner-action:first-child { background:var(--site-primary) !important; border-color:var(--site-primary) !important; color:#fff !important; }
html body.home-page .owner-actions .owner-action:hover { background:var(--site-selected) !important; border-color:var(--site-accent) !important; }
html body.home-page .owner-actions .owner-action:first-child:hover { background:var(--site-primary-hover) !important; }
html body.home-page .owner-action img { width:16px !important; height:16px !important; margin-right:7px !important; }
html body:not(.admin-page) .footer-links { width:100%; justify-content:center; gap:24px; }
html body:not(.admin-page) .footer-links a { display:inline-flex; align-items:center; min-height:44px; }
/* Night artwork preview, with room for real text and actions at each width. */
@media (min-width:1001px) {
  html body.home-page .owner-hero-img { inset:0 max(0px,calc((100% - 1600px) / 2)) auto auto !important; width:auto !important; max-width:100%; height:calc(100% - 60px) !important; object-fit:contain !important; object-position:right top !important; mask-image:linear-gradient(90deg,transparent,#000 24%); }
  html body.home-page .owner-hero-card::before { background:linear-gradient(90deg,#040913 0%,#040913cc 22%,#04091300 57%),linear-gradient(0deg,#040913 0%,#040913 10%,#04091300 30%) !important; }
  html body.home-page .owner-welcome-title { font-size:68px !important; }
  html body.home-page .owner-welcome-title .owner-name { color:#c4e8ff !important; -webkit-text-fill-color:#c4e8ff !important; }
  html body.home-page .owner-welcome-title .owner-title-rest { font-size:36px !important; }
}
@media (max-width:1000px) and (min-width:761px) {
  html body.home-page .owner-hero-card { display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; padding:0 !important; }
  html body.home-page .owner-hero-img { height:calc(100% - 60px) !important; object-fit:contain !important; object-position:right top !important; }
  html body.home-page .owner-actions { width:min(100%,360px) !important; }
  html body.home-page .owner-copy { position:relative !important; top:0 !important; left:0 !important; width:calc(100% - 80px) !important; margin:40px 40px 120px !important; }
  html body.home-page .owner-welcome-title { font-size:52px !important; }
}
@media (max-width:760px) {
  html body.home-page .owner-hero,
  html body.home-page .owner-hero-card { min-height:660px !important; }
  html body.home-page .owner-hero-card { display:block !important; padding:0 !important; }
  html body.home-page .owner-copy { position:relative !important; inset:auto !important; width:100% !important; max-width:none !important; min-height:0 !important; padding:28px 20px 0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; backdrop-filter:none !important; }
  html body.home-page .owner-identity { margin-bottom:18px; gap:10px; }
  html body.home-page .owner-avatar-card { width:38px !important; height:38px !important; }
  html body.home-page .owner-kicker { font-size:12px !important; letter-spacing:.03em !important; }
  html body.home-page .owner-welcome-title { font-size:clamp(36px,10vw,48px) !important; }
  html body.home-page .owner-welcome-title .owner-line { font-size:15px !important; margin-bottom:8px !important; }
  html body.home-page .owner-welcome-title .owner-title-rest { font-size:22px !important; margin-top:8px !important; }
  html body.home-page .owner-art-title { display:none !important; }
  html body.home-page .owner-actions { gap:6px !important; margin-top:195px !important; }
  html body.home-page .owner-actions .owner-action { flex:1; padding:0 8px !important; font-size:13px !important; white-space:nowrap !important; }
  html body.home-page .owner-action img { width:14px !important; height:14px !important; margin-right:5px !important; }
  html body.home-page .owner-hero-img { inset:155px 0 auto !important; width:100% !important; height:clamp(220px,60vw,240px) !important; object-fit:cover !important; object-position:right center !important; mask-image:linear-gradient(180deg,transparent,#000 9%,#000 85%,transparent); }
  html body.home-page .owner-hero-card::before { background:linear-gradient(180deg,#040913 0px,#040913 110px,#04091300 180px,#04091300 340px,#040913 420px) !important; }
}
@media (max-width:360px) {
  html body.home-page .owner-actions .owner-action { padding:0 5px !important; font-size:12px !important; }
  html body.home-page .owner-action img { margin-right:4px !important; }
}

html body:not(.admin-page) :is(.account-trigger,.mobile-nav-toggle) { min-height:44px !important; border-radius:8px !important; background:var(--site-surface) !important; border:1px solid var(--site-line) !important; color:var(--site-copy) !important; box-shadow:none !important; }
html body:not(.admin-page) .nav .links a { font-weight:500 !important; border-radius:8px !important; }
html body:not(.admin-page) .nav .links a.nav-page { color:var(--site-title) !important; background:transparent !important; box-shadow:none !important; }
html body:not(.admin-page) :is(.listen-button,.top-account-button.blue) { background:var(--site-primary) !important; border:1px solid var(--site-primary) !important; color:#fff !important; box-shadow:none !important; }
html body:not(.admin-page) :is(.listen-button,.top-account-button.blue):hover { background:var(--site-primary-hover) !important; }
html body.sounds-page #sounds .download-button { color:var(--site-copy) !important; background:transparent !important; border:1px solid var(--site-line-strong) !important; box-shadow:none !important; }
@media (max-width:760px) {
  html body:not(.admin-page) .nav .links { background:var(--site-surface) !important; border-color:var(--site-line) !important; border-radius:12px !important; padding:8px !important; }
  html body:not(.admin-page) .nav .links a { min-height:46px !important; justify-content:center !important; padding:0 10px !important; }
  html body:not(.admin-page) .nav .links a.nav-page { background:var(--site-selected) !important; }
  html body:not(.admin-page) .nav .links a::after { display:none !important; }
}