/* player-sound-safe-area */
.sound-prompt{left:14px!important;bottom:74px!important;max-width:calc(100% - 28px)!important;white-space:normal!important;line-height:1.35!important}

/* block-2 */
:root {
        --juhe-canvas: #010b0e;
        --juhe-surface: #1a1b1e;
        --juhe-accent: #f72d91;
        --juhe-hot: #ffc85c;
        --juhe-text: #f6f7f8;
        --juhe-muted: #8f999d;
        --brand-coral: #ff6158;
        --community-violet: #8b6cff;
        --success-mint: #35d5a3;
        --honor-gold: #ffc857;
        --bottom-nav-height: 68px;
      }
      .community-heading .eyebrow,
      .community-panel > header span {
        color: var(--community-violet);
      }
      .community-panel {
        border-color: color-mix(in srgb, var(--community-violet) 28%, #34313c);
      }
      .honor-card {
        border-color: color-mix(in srgb, var(--honor-gold) 38%, #34313c);
        background:
          radial-gradient(circle at 90% 0, #7d5a1f33, transparent 48%),
          linear-gradient(135deg, #221d26, #17161d);
      }
      .honor-medal,
      .honor-card .eyebrow {
        color: var(--honor-gold);
      }
      .source-ok,
      .status-badge.published {
        color: var(--success-mint);
      }
      .genre-rail button.selected,
      .poster-badge {
        background: linear-gradient(135deg, var(--brand-coral), #e72c74);
      }
      .mobile-discovery {
        display: none;
      }
      @media (max-width: 800px) {
        :root {
          --hg: #ff2f91;
        }
        .mobile-discovery {
          display: block;
          margin: 18px 0 25px;
        }
        .md-head {
          display: flex;
          justify-content: space-between;
          align-items: end;
          margin-bottom: 12px;
        }
        .md-head small {
          color: var(--hg);
          letter-spacing: 1px;
        }
        .md-head h2 {
          font-size: 20px;
        }
        .md-head button {
          font-size: 11px;
          color: #aaa;
        }
        .md-rank {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 9px;
        }
        .md-rank button {
          text-align: left;
          min-width: 0;
        }
        .md-rank button > div {
          position: relative;
          aspect-ratio: 3/4;
          border-radius: 10px;
          overflow: hidden;
        }
        .md-rank img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .md-rank b {
          position: absolute;
          left: 6px;
          bottom: 0;
          font-size: 34px;
          line-height: 1;
          color: white;
          font-style: italic;
          text-shadow: 0 2px 8px #000;
        }
        .md-rank em {
          position: absolute;
          right: 5px;
          top: 5px;
          background: var(--hg);
          font-size: 8px;
          padding: 2px 6px;
          border-radius: 8px;
          font-style: normal;
        }
        .md-rank strong {
          display: block;
          font-size: 11px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 6px;
        }
        .md-rank small {
          color: #888;
          font-size: 9px;
        }
        .consumer .poster-grid {
          grid-template-columns: repeat(3, 1fr);
          gap: 9px;
        }
        .consumer .poster {
          aspect-ratio: 3/4;
        }
        .consumer .mobile-nav button.selected {
          color: var(--hg);
        }
        .consumer .poster-badge {
          background: var(--hg);
          color: #fff;
          border-radius: 8px;
        }
        .consumer .topbar {
          height: 64px;
        }
        .consumer .search {
          border-radius: 20px;
        }
        .consumer .brand-icon {
          border-radius: 50%;
          background: linear-gradient(145deg, #ff2f91, #ff6b68);
          color: #fff;
        }
      }

/* block-3 */
.commercial-float {
        position: fixed;
        right: 18px;
        bottom: 92px;
        z-index: 35;
        width: 260px;
        padding: 12px;
        background: #251728;
        border: 1px solid #ff2f91;
        border-radius: 16px;
        box-shadow: 0 12px 36px #0008;
      }
      .commercial-float > button:last-child {
        text-align: left;
        width: 100%;
      }
      .commercial-float small,
      .commercial-popup small {
        color: #ff2f91;
      }
      .commercial-float strong,
      .commercial-float span {
        display: block;
        margin-top: 4px;
      }
      .commercial-close {
        position: absolute;
        right: 7px;
        top: 5px;
        color: #fff;
        z-index: 2;
      }
      .commercial-popup {
        position: fixed;
        inset: 0;
        z-index: 80;
        background: #0009;
        display: grid;
        place-items: center;
        padding: 20px;
      }
      .commercial-popup > div {
        position: relative;
        width: min(420px, 92vw);
        padding: 32px;
        background: linear-gradient(145deg, #28182b, #141218);
        border: 1px solid #ff2f91;
        border-radius: 22px;
        text-align: center;
      }
      .commercial-popup p {
        margin: 12px 0 20px;
        color: #bbb;
      }
      .member-plans {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .member-benefit-hero {
        position: relative;
        overflow: hidden;
        margin: 15px 0 14px;
        padding: 18px;
        border: 1px solid #4d3545;
        border-radius: 18px;
        background:
          radial-gradient(circle at 92% 0, #8a3d6255, transparent 42%),
          linear-gradient(145deg, #2a1c28, #151a1b 65%);
      }
      .member-benefit-hero::after {
        position: absolute;
        content: "";
        right: -23px;
        top: -29px;
        width: 120px;
        height: 120px;
        border: 1px solid #ff806733;
        border-radius: 42px;
        transform: rotate(28deg);
      }
      .member-benefit-heading {
        display: flex;
        align-items: center;
        gap: 13px;
        position: relative;
        z-index: 1;
      }
      .member-benefit-art {
        display: grid;
        place-items: center;
        width: 52px;
        height: 52px;
        flex: 0 0 auto;
        border-radius: 16px;
        background: linear-gradient(145deg, var(--brand-coral), #e72c74);
        box-shadow: 0 12px 30px #e94b6b3d;
        color: white;
        font-size: 23px;
      }
      .member-benefit-heading h3 {
        margin: 2px 0 0;
        font-size: 20px;
      }
      .member-benefit-heading small {
        color: #dca9b9;
        font-size: 9px;
        letter-spacing: 1.8px;
      }
      .member-benefit-heading p {
        margin-top: 3px;
        color: #a99ca4;
        font-size: 10px;
      }
      .member-benefit-icons {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin-top: 15px;
        position: relative;
        z-index: 1;
      }
      .member-benefit-icons span {
        min-width: 0;
        padding: 9px 5px;
        border: 1px solid #ffffff0d;
        border-radius: 11px;
        background: #ffffff09;
        color: #c8bec4;
        font-size: 9px;
        text-align: center;
      }
      .member-benefit-icons b {
        display: block;
        margin-bottom: 2px;
        color: #fff;
        font-size: 16px;
      }
      .member-section-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 17px;
        color: #91868e;
        font-size: 10px;
      }
      .member-section-label strong {
        color: #f2edef;
        font-size: 13px;
      }
      .member-plan-card {
        min-height: 124px;
        padding: 14px;
        border: 1px solid #3d363d;
        border-radius: 15px;
        background: linear-gradient(145deg, #202425, #181c1d);
        text-align: left;
      }
      .member-plan-card.selected {
        border-color: var(--brand-coral);
        background: linear-gradient(145deg, #382526, #1c1d1e);
        box-shadow: inset 0 0 0 1px #ff615833;
      }
      .member-plan-card strong,
      .member-plan-card small,
      .member-plan-card span {
        display: block;
      }
      .member-plan-card strong {
        font-size: 15px;
      }
      .member-tier-block {
        margin-top: 14px;
      }
      .member-tier-head {
        min-height: 74px;
        padding: 13px 15px;
        border-radius: 14px;
        background: linear-gradient(110deg, #2a1c22dd, #161b1caa), var(--tier-art) center/cover;
        border: 1px solid #ffffff12;
      }
      .member-tier-head strong,
      .member-tier-head small { display: block; }
      .member-tier-head small { color: #c5b9bf; margin-top: 4px; }
      .member-plan-price { color: #ffcf87 !important; font-size: 17px !important; font-weight: 800; }
      .member-plan-badge { float: right; color: #ff8f7a; font-size: 9px; }
      .payment-checkout-tray { position:sticky; bottom:-20px; z-index:5; margin:18px -4px -20px; padding:16px; border:1px solid #ff8e7250; border-radius:18px 18px 12px 12px; background:linear-gradient(155deg,#251b23f7,#151719fa); box-shadow:0 -16px 42px #08070a99; backdrop-filter:blur(18px); }
      .payment-checkout-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-end; }
      .payment-checkout-head small { display:block; color:#9e949d; margin-bottom:4px; }
      .payment-checkout-head strong { font-size:17px; }
      .payment-checkout-price { color:#ffcf87; font-size:24px; font-weight:900; }
      .payment-channel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:14px 0; }
      .payment-channel-grid button { min-height:48px; padding:9px 12px; border:1px solid #ffffff18; border-radius:13px; background:#ffffff08; color:#c9c2ca; text-align:left; }
      .payment-channel-grid button.selected { border-color:#ff7c6d; background:#ff685f17; color:#fff; box-shadow:inset 0 0 0 1px #ff7c6d55; }
      .payment-channel-grid b { display:block; font-size:14px; }
      .payment-channel-grid small { color:#918b94; }
      .payment-submit { width:100%; min-height:48px; }
      .payment-safe-note { margin:9px 0 0; color:#89838d; font-size:11px; text-align:center; }
      .payment-error { margin:9px 0 0; color:#ff9686; font-size:12px; }
      .payment-return-status { display:grid; gap:8px; margin:14px 0; padding:14px; border:1px solid #ffffff18; border-radius:14px; background:#ffffff08; }
      .payment-return-status[data-tone="success"] { border-color:#70d9a255; background:#70d9a20d; }
      .payment-return-status[data-tone="failed"] { border-color:#ff786155; background:#ff78610d; }
      .payment-return-status small { color:#938c95; overflow-wrap:anywhere; }
      .payment-return-status strong { font-size:17px; }
      .payment-return-status p { margin:0; color:#aaa2ab; font-size:12px; line-height:1.6; }
      .payment-return-actions { display:flex; flex-wrap:wrap; gap:8px; }
      .payment-return-actions button { min-height:40px; padding:8px 13px; }
      .payment-order-card { margin-top:12px; padding:13px; border:1px solid #75d9a13a; border-radius:13px; background:#59bd8a0c; }
      .payment-order-card header { display:flex; justify-content:space-between; gap:10px; }
      .payment-order-card p { margin:6px 0 10px; color:#9ca49f; font-size:11px; word-break:break-all; }
      .payment-order-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
      .member-plan-card small {
        margin-top: 2px;
        color: #8f9998;
        font-size: 9px;
      }
      .member-plan-card span {
        margin-top: 11px;
        color: #c5cfca;
        font-size: 10px;
        line-height: 1.55;
      }
      .member-plan-card span::before {
        content: "✓";
        margin-right: 5px;
        color: var(--brand-coral);
      }
      .permanent-plan {
        position: relative;
        width: 100%;
        margin-top: 10px;
        padding: 17px;
        overflow: hidden;
        border: 1px solid #d5ad55;
        border-radius: 17px;
        background:
          radial-gradient(circle at 88% 10%, #ffe69a2e, transparent 38%),
          linear-gradient(135deg, #5c451ddd, #281f12e8 58%, #191817ee),
          url('/assets/membership/permanent.webp') center/cover;
        text-align: left;
      }
      .permanent-plan.selected {
        box-shadow: 0 0 0 2px #ffdc79aa, 0 16px 35px #0005;
      }
      .permanent-plan .member-exclusive {
        position: absolute;
        right: 12px;
        top: 12px;
        padding: 4px 8px;
        border-radius: 999px;
        background: #f4d784;
        color: #4c3510;
        font-size: 8px;
        font-weight: 800;
      }
      .permanent-plan strong {
        display: block;
        color: #fff3ca;
        font-size: 18px;
      }
      .permanent-plan small {
        color: #cdbd92;
      }
      .permanent-benefits {
        display: flex;
        flex-wrap: wrap;
        gap: 7px 13px;
        margin-top: 13px;
        color: #f3e6bd;
        font-size: 10px;
      }
      .permanent-benefits b:last-child {
        color: #ffe083;
      }
      .member-current-status {
        margin-top: 12px;
        padding: 9px 12px;
        border-radius: 10px;
        background: #ffffff08;
        color: #b2aaaf;
        font-size: 10px;
      }
      .member-benefit-comparison {
        margin-top: 22px;
        padding: 16px;
        border: 1px solid #ffffff12;
        border-radius: 16px;
        background: linear-gradient(145deg, #1d2021, #151718);
      }
      .member-benefit-comparison h3,
      .member-purchase-notes h3 { margin: 0 0 11px; font-size: 14px; }
      .member-benefit-table { width: 100%; border-collapse: collapse; font-size: 10px; }
      .member-benefit-table th,
      .member-benefit-table td { padding: 9px 5px; border-bottom: 1px solid #ffffff0d; text-align: left; }
      .member-benefit-table th { color: #8f898e; font-weight: 600; }
      .member-benefit-table td { color: #ddd6da; }
      .member-benefit-table td:last-child { color: #ffcf87; font-weight: 750; }
      .member-purchase-notes {
        margin: 10px 0 4px;
        padding: 15px 16px;
        border: 1px solid #ffffff0d;
        border-radius: 16px;
        background: #ffffff05;
      }
      .member-purchase-notes ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
      .member-purchase-notes li { position: relative; padding-left: 15px; color: #a8a1a6; font-size: 10px; line-height: 1.55; }
      .member-purchase-notes li::before { position: absolute; left: 0; content: "·"; color: var(--brand-coral); font-weight: 900; }
      @media (max-width: 800px) {
        .commercial-float {
          right: 10px;
          bottom: 74px;
          width: 210px;
        }
        .commercial-popup > div {
          padding: 26px 20px;
        }
        .member-plan-card {
          min-height: 118px;
          padding: 13px;
        }
      }

/* block-4 */
.growth-strip {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr 0.8fr;
        gap: 12px;
        margin: 0 0 24px;
      }
      .growth-strip > button,
      .growth-strip > div {
        padding: 18px 20px;
        border: 1px solid #34313c;
        border-radius: 16px;
        background: linear-gradient(135deg, #1e1c25, #15141a);
        text-align: left;
      }
      .growth-strip strong,
      .growth-strip span {
        display: block;
      }
      .growth-strip strong {
        font-size: 18px;
        color: #fff;
      }
      .growth-strip span {
        margin-top: 5px;
        color: #aaa;
      }
      .commercial-float {
        overflow: hidden;
        width: 310px;
        padding: 0;
        background: #121118;
        border-color: #ff725e;
      }
      .commercial-float .growth-ad {
        padding: 18px 20px;
        background:
          radial-gradient(circle at 100% 0, #7d2838 0, transparent 55%),
          linear-gradient(135deg, #21161c, #121118);
      }
      .growth-ad .ad-kicker {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 999px;
        background: #ff5f4d;
        color: #fff;
        font-size: 11px;
      }
      .growth-ad strong {
        font-size: 20px;
      }
      .growth-ad span {
        color: #c8bec3;
        line-height: 1.5;
      }
      .growth-ad em {
        display: block;
        margin-top: 12px;
        color: #ffd76e;
        font-style: normal;
        font-weight: 700;
      }
      .commercial-popup > div {
        overflow: hidden;
        background:
          radial-gradient(circle at 90% 0, #943044 0, transparent 48%),
          linear-gradient(145deg, #25151d, #121118);
        border-color: #ff725e;
      }
      .campaign-number {
        font-size: 64px;
        line-height: 1;
        color: #ff725e;
        font-weight: 900;
      }
      .campaign-number small {
        font-size: 18px;
        color: #fff;
      }
      .quota-pill {
        display: inline-flex;
        padding: 8px 12px;
        border: 1px solid #48424e;
        border-radius: 999px;
        color: #ddd;
      }
      .identity-card {
        margin: 16px 0;
        padding: 18px;
        border: 1px solid #49414c;
        border-radius: 18px;
        background: linear-gradient(135deg, #2a2029, #17151b);
      }
      .identity-card small,
      .identity-card span {
        display: block;
        color: #aaa;
      }
      .identity-card strong {
        display: block;
        margin: 8px 0;
        font-size: 22px;
      }
      .identity-card b {
        color: #ff725e;
      }
      @media (max-width: 800px) {
        .growth-strip {
          grid-template-columns: 1fr;
        }
        .commercial-float {
          width: 240px;
        }
        .campaign-number {
          font-size: 52px;
        }
      }
      /* UI-REFINE-20261016 */
      :root {
        --page-max: 1240px;
        --edge: clamp(16px, 4vw, 56px);
      }
      .topbar {
        padding-left: var(--edge);
        padding-right: var(--edge);
      }
      .home,
      .site-footer {
        max-width: var(--page-max);
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
      }
      .mobile-discovery,
      .commercial-float,
      #hg-guest {
        display: none !important;
      }
      .hero-layout {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 18px;
      }
      .hero {
        min-height: 430px;
        max-height: 520px;
        border-radius: 18px;
        overflow: hidden;
      }
      .hero-content {
        max-width: 560px;
      }
      .hero-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .growth-strip {
        margin-top: 16px;
        gap: 10px;
      }
      .growth-strip > div {
        min-height: 84px;
        padding: 18px 20px;
      }
      .benefits,
      .site-ad-strip,
      .home-theatres,
      .invite-banner {
        display: none !important;
      }
      .catalog {
        margin-top: 30px;
      }
      .poster-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 22px 14px;
      }
      .drama-card p,
      .drama-card .summary {
        display: none !important;
      }
      .drama-card img {
        aspect-ratio: 3/4;
        object-fit: cover;
      }
      .drama-card h3 {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .home > a[href^="/admin"],
      footer a[href^="/admin"] {
        display: none !important;
      }
      .category-grid { display:none; }
      @media (max-width: 900px) {
        body {
          padding-bottom: 74px;
        }
        .topbar {
          height: 58px;
          padding: 0 14px;
        }
        .topbar nav,
        .topbar .search,
        .topbar form {
          display: none !important;
        }
        .brand strong {
          font-size: 16px;
        }
        .brand small {
          display: none;
        }
        .home {
          padding: 0 14px;
        }
        .genre-rail {
          display: flex;
          overflow-x: auto;
          gap: 8px;
          padding: 12px 0;
          scrollbar-width: none;
        }
        .genre-rail > * {
          flex: 0 0 auto;
          min-width: 92px;
        }
        .desktop-genre-rail { display:none; }
        .category-grid {
          display:grid;
          grid-template-columns:repeat(3,minmax(0,1fr));
          gap:8px;
          overflow:visible;
          padding:10px 0 14px;
        }
        .category-grid > * {
          min-width:0;
          width:100%;
          min-height:42px;
          padding:8px 6px;
          justify-content:center;
        }
        .category-grid .category-more { border-style:dashed; color:#d4ff5f; }
        .hero-layout {
          display: block;
        }
        .editorial-picks {
          display: none !important;
        }
        .hero {
          min-height: 300px;
          height: 320px;
          max-height: 340px;
          border-radius: 14px;
        }
        .hero-art {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .hero-content {
          left: 18px;
          right: 18px;
          bottom: 54px;
          top: auto;
          padding: 0;
        }
        .hero-content h1 {
          font-size: 30px;
          line-height: 1.15;
        }
        .hero-content p {
          font-size: 13px;
          -webkit-line-clamp: 2;
        }
        .hero-meta {
          display: none;
        }
        .growth-strip {
          display: grid;
          grid-template-columns: 1fr;
          margin-top: 12px;
        }
        .growth-strip > div {
          min-height: 0;
          padding: 14px 16px;
        }
        .growth-strip > div:nth-child(n + 2) {
          display: none;
        }
        .catalog {
          margin-top: 22px;
        }
        .catalog-head {
          align-items: end;
        }
        .catalog-head .eyebrow,
        .catalog-head p {
          display: none;
        }
        .catalog-head h2 {
          font-size: 24px;
        }
        .poster-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 18px 10px;
        }
        .drama-card h3 {
          font-size: 13px;
        }
        .drama-card .meta {
          font-size: 11px;
        }
        .mobile-nav {
          display: flex !important;
        }
        .site-footer {
          padding-left: 16px;
          padding-right: 16px;
        }
        #jr-open {
          bottom: 84px;
          right: 14px;
        }
      }
      @media (max-width: 360px) {
        .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      }
      @media (max-width: 360px) {
        .poster-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      /* MOBILE-HERO-FIX-20261016 */
      .hero-buttons .primary,
      .hero-buttons .glass {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        white-space: nowrap;
      }
      @media (max-width: 900px) {
        .growth-strip {
          display: none !important;
        }
        .hero {
          touch-action: pan-y;
          position: relative;
          background: #17171d;
        }
        .hero-art {
          object-fit: cover;
          object-position: center 20%;
        }
        .hero-shade {
          background: linear-gradient(
            180deg,
            rgba(10, 10, 14, 0.03) 25%,
            rgba(10, 10, 14, 0.35) 55%,
            rgba(10, 10, 14, 0.96) 100%
          );
        }
        .hero-content {
          bottom: 62px;
        }
        .hero-buttons {
          display: flex;
          gap: 10px;
          align-items: center;
        }
        .hero-buttons .primary {
          min-width: 132px;
          height: 44px;
          padding: 0 18px;
        }
        .hero-buttons .glass {
          height: 44px;
          padding: 0 16px;
        }
        .hero-bottom {
          left: 18px;
          right: 18px;
          bottom: 18px;
        }
        .hero-bottom > span {
          display: none;
        }
        .hero-dots {
          margin-left: auto;
          margin-right: auto;
        }
        .mobile-search-dock {
          position: fixed;
          left: 14px;
          right: 14px;
          bottom: 66px;
          z-index: 80;
          display: flex;
          gap: 8px;
          padding: 8px;
          background: rgba(22, 22, 28, 0.96);
          border: 1px solid rgba(255, 255, 255, 0.12);
          border-radius: 14px;
          box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
          backdrop-filter: blur(16px);
        }
        .mobile-search-dock input {
          flex: 1;
          min-width: 0;
          height: 38px;
          border: 0;
          outline: 0;
          background: transparent;
          color: #fff;
          padding: 0 10px;
          font-size: 14px;
        }
        .mobile-search-dock button {
          height: 38px;
          min-width: 60px;
          border: 0;
          border-radius: 10px;
          background: #f2655b;
          color: #fff;
          font-weight: 700;
        }
        body {
          padding-bottom: 132px;
        }
        .mobile-nav {
          bottom: 0;
        }
      }
      @media (min-width: 901px) {
        .mobile-search-dock {
          display: none !important;
        }
      }

      /* PM-MOBILE-NAV-20261016 */
      @media (max-width: 900px) {
        body {
          padding-bottom: 78px;
        }
        .mobile-search-dock {
          position: sticky;
          left: auto;
          right: auto;
          bottom: auto;
          top: 58px;
          z-index: 45;
          margin: 8px 14px 14px;
          padding: 6px 8px;
          border-radius: 12px;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
        }
        .mobile-search-dock input {
          height: 36px;
        }
        .mobile-search-dock button {
          height: 36px;
        }
        .hero {
          height: 320px;
          min-height: 300px;
          max-height: 340px;
        }
        .hero-content {
          bottom: 58px;
        }
        .hero-content h1 {
          font-size: 28px;
        }
        .hero-buttons .primary {
          flex: 1;
          min-width: 0;
        }
        .hero-buttons .glass {
          flex: 0 0 auto;
        }
      }

      /* HERO-PERF-20261016 */
      :root {
        --page-max: 1440px;
      }
      @media (min-width: 901px) {
        .hero-layout {
          display: block;
        }
        .editorial-picks {
          display: none !important;
        }
        .hero {
          height: clamp(560px, 64vh, 680px);
          max-height: 680px;
          min-height: 560px;
        }
        .hero-art {
          left: auto;
          right: 0;
          width: 72%;
          height: 100%;
          object-fit: cover;
          object-position: center 20%;
        }
        .hero-shade {
          background:
            linear-gradient(
              90deg,
              #111219 0%,
              rgba(17, 18, 25, 0.98) 28%,
              rgba(17, 18, 25, 0.62) 54%,
              rgba(17, 18, 25, 0.08) 100%
            ),
            linear-gradient(0deg, rgba(10, 10, 14, 0.55), transparent 55%);
        }
        .hero-content {
          max-width: 620px;
          padding-left: 22px;
        }
        .hero-content h1 {
          font-size: clamp(46px, 4.4vw, 72px);
          line-height: 1.06;
        }
        .hero-content p {
          font-size: 18px;
          line-height: 1.8;
          max-width: 580px;
        }
        .hero-buttons button {
          height: 54px;
          padding: 0 26px;
          font-size: 16px;
        }
        .hero-bottom {
          left: 82px;
          right: 32px;
        }
      }
      .drama-card img,
      .hero-art {
        background: linear-gradient(
          110deg,
          #191a20 8%,
          #24262e 18%,
          #191a20 33%
        );
        background-size: 200% 100%;
      }
      .drama-card img[data-load-error],
      .hero-art[data-load-error] {
        opacity: 0.18;
      }
      .drama-card {
        content-visibility: auto;
        contain-intrinsic-size: 260px 390px;
      }
      .catalog-skeleton {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 22px 14px;
      }
      .catalog-skeleton i {
        aspect-ratio: 2/2.8;
        border-radius: 12px;
        background: linear-gradient(110deg,#191a20 8%,#2a2630 18%,#191a20 33%);
        background-size: 200% 100%;
        animation: catalog-pulse 1.25s linear infinite;
      }
      .catalog-more {
        display: flex;
        justify-content: center;
        padding: 28px 0 8px;
        color: #9a8da3;
        font-size: 12px;
      }
      .catalog-more button { min-width: 240px; }
      @keyframes catalog-pulse { to { background-position-x: -200%; } }
      @media (max-width:900px) {
        .catalog-skeleton { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 10px; }
        .drama-card h3 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
      }

      /* HERO-COMPOSITE-20261016 */
      .hero {
        isolation: isolate;
        background: #111219;
      }
      .hero-blur-bg {
        position: absolute;
        inset: -34px;
        width: calc(100% + 68px);
        height: calc(100% + 68px);
        object-fit: cover;
        filter: blur(30px) saturate(0.78);
        transform: scale(1.08);
        opacity: 0.42;
        z-index: 0;
        pointer-events: none;
      }
      .hero-art {
        z-index: 1 !important;
      }
      .hero-shade {
        z-index: 2 !important;
      }
      .hero-content,
      .hero-bottom {
        z-index: 3 !important;
      }
      @media (min-width: 901px) {
        .hero-art {
          right: 4%;
          width: 52%;
          height: 100%;
          object-fit: contain;
          object-position: center;
          padding: 22px 0;
          background: transparent;
        }
        .hero-shade {
          background:
            linear-gradient(
              90deg,
              #111219 0%,
              rgba(17, 18, 25, 0.97) 34%,
              rgba(17, 18, 25, 0.7) 52%,
              rgba(17, 18, 25, 0.18) 100%
            ),
            linear-gradient(0deg, rgba(8, 8, 12, 0.72), transparent 58%);
        }
      }
      @media (max-width: 900px) {
        .hero-blur-bg {
          filter: blur(24px) saturate(0.8);
          opacity: 0.38;
        }
        .hero-art {
          object-fit: contain !important;
          object-position: center !important;
          padding: 12px 0 80px;
          background: transparent;
        }
        .hero-shade {
          background: linear-gradient(
            180deg,
            rgba(8, 8, 12, 0.04) 20%,
            rgba(8, 8, 12, 0.42) 58%,
            rgba(8, 8, 12, 0.98) 100%
          );
        }
      }

/* community-ui */
.community-page {
        max-width: 1180px;
        margin: 0 auto;
        padding: 38px 5% 110px;
        min-height: 80vh;
      }
      .community-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 24px;
      }
      .community-heading h1 {
        font-size: 34px;
        margin: 6px 0;
      }
      .community-heading p,
      .community-panel-head p {
        color: #9b90a4;
        font-size: 12px;
      }
      .honor-card {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 25px;
        background:
          radial-gradient(circle at 90% 0, #71364a55, transparent 45%),
          linear-gradient(135deg, #30202b, #1b1821);
        border: 1px solid #543444;
        border-radius: 18px;
        margin-bottom: 20px;
      }
      .honor-medal {
        width: 62px;
        height: 62px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border-radius: 18px;
        background: linear-gradient(145deg, #ff8063, #c93e71);
        box-shadow: 0 8px 30px #d84f6e38;
        color: white;
        font-size: 29px;
        font-weight: 900;
      }
      .honor-copy {
        flex: 1;
        min-width: 0;
      }
      .honor-copy > span {
        font-size: 10px;
        letter-spacing: 2px;
        color: #dba8b2;
      }
      .honor-copy h2 {
        font-size: 23px;
        margin: 3px 0;
      }
      .honor-copy p {
        color: #aa98af;
        font-size: 11px;
      }
      .honor-progress {
        height: 6px;
        max-width: 460px;
        margin-top: 12px;
        border-radius: 99px;
        background: #0e0c12;
        overflow: hidden;
      }
      .honor-progress i {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #ff735d, #e64484);
      }
      .community-proof-strip {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin: -8px 0 16px;
      }
      .community-proof-strip > div {
        padding: 13px 15px;
        border: 1px solid #3b3044;
        border-radius: 13px;
        background: linear-gradient(145deg, #1d1923, #17141c);
      }
      .community-proof-strip strong,
      .community-proof-strip span {
        display: block;
      }
      .community-proof-strip strong {
        font-size: 20px;
        color: #fff;
      }
      .community-proof-strip span {
        margin-top: 2px;
        color: #908399;
        font-size: 10px;
      }
      .community-quick-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 18px;
      }
      .community-quick-actions button {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        padding: 13px 15px;
        border: 1px solid #3c3046;
        border-radius: 13px;
        background: #1b1720;
        text-align: left;
      }
      .community-quick-actions b {
        display: grid;
        place-items: center;
        width: 31px;
        height: 31px;
        flex: 0 0 auto;
        border-radius: 10px;
        background: #8b6cff20;
        color: var(--community-violet);
      }
      .community-quick-actions span {
        overflow: hidden;
        color: #d9d0df;
        font-size: 12px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .community-quick-actions button:nth-child(2) b {
        background: #ff61581c;
        color: var(--brand-coral);
      }
      .community-quick-actions button:nth-child(3) b {
        background: #35d5a31a;
        color: var(--success-mint);
      }
      .community-heading-actions,
      .community-message-drawer > header,
      .community-platform-post header,
      .community-replies form {
        display: flex;
        align-items: center;
        gap: 9px;
      }
      .community-notice-button {
        position: relative;
        min-height: 38px;
        padding: 8px 13px;
        border: 1px solid #51405d;
        border-radius: 10px;
        color: #dcd1e3;
      }
      .community-notice-button b {
        display: inline-grid;
        place-items: center;
        min-width: 18px;
        height: 18px;
        margin-left: 4px;
        border-radius: 99px;
        background: var(--brand-coral);
        color: white;
        font-size: 9px;
      }
      .community-official-types {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 10px;
      }
      .community-official-types span,
      .community-platform-post header small {
        padding: 3px 8px;
        border: 1px solid #8b6cff38;
        border-radius: 999px;
        background: #8b6cff18;
        color: #c9bcff;
        font-size: 10px;
        font-weight: 800;
      }
      .community-message-drawer {
        margin-bottom: 16px;
        padding: 16px;
        border: 1px solid #483754;
        border-radius: 15px;
        background: #19151e;
      }
      .community-message-drawer > header {
        justify-content: space-between;
        margin-bottom: 10px;
      }
      .community-message-drawer > article {
        padding: 11px 0;
        border-top: 1px solid #ffffff0c;
      }
      .community-message-drawer p,
      .community-message-drawer small {
        margin-top: 4px;
        color: #9b8fa3;
      }
      .community-feed-tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
        padding: 5px;
        width: fit-content;
        border: 1px solid #3d3146;
        border-radius: 13px;
        background: #17131b;
      }
      .community-feed-tabs button {
        min-width: 74px;
        padding: 9px 16px;
        border-radius: 9px;
        color: #91839b;
        font-weight: 700;
      }
      .community-feed-tabs button.selected {
        background: linear-gradient(135deg, #8b6cff, #d74a91);
        color: white;
      }
      .community-platform-post {
        margin-bottom: 14px;
        padding: 15px;
        border: 1px solid #60476e;
        border-radius: 13px;
        background: linear-gradient(135deg, #241b2d, #19151e);
      }
      .community-platform-post header > span {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border-radius: 11px;
        background: linear-gradient(135deg, var(--community-violet), #d74a91);
        color: white;
        font-weight: 900;
      }
      .community-platform-post em {
        margin-left: 7px;
        padding: 2px 6px;
        border-radius: 5px;
        background: #8b6cff24;
        color: #b9a7ff;
        font-size: 9px;
        font-style: normal;
      }
      .community-platform-post header div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
      }
      .community-platform-post header small,
      .community-platform-post header em {
        margin-left: 0;
      }
      .community-platform-post p {
        margin-top: 11px;
        color: #c9bdcf;
        line-height: 1.7;
      }
      .community-drama-picker {
        position: relative;
        display: block !important;
        width: 100%;
        min-width: 0;
        margin-bottom: 9px;
      }
      .community-drama-picker > input,
      .community-drama-results {
        width: 100%;
        min-width: 0;
      }
      .community-drama-results {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        max-height: 250px;
        margin-top: 7px;
        overflow-y: auto;
      }
      .community-drama-results button {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        padding: 7px;
        border: 1px solid #342b3c;
        border-radius: 9px;
        text-align: left;
      }
      .community-drama-results button.selected {
        border-color: var(--community-violet);
        background: #8b6cff16;
      }
      .community-drama-results img {
        width: 31px;
        height: 41px;
        flex: 0 0 auto;
        border-radius: 5px;
        object-fit: cover;
      }
      .community-drama-results span,
      .community-drama-results b,
      .community-drama-results small {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .community-drama-results small,
      .community-picked-drama {
        color: #8f8298;
        font-size: 9px;
      }
      .community-replies {
        margin-top: 11px;
        padding: 11px;
        border-radius: 10px;
        background: #131017;
      }
      .community-replies > article {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 4px 8px;
        padding: 7px 0;
      }
      .community-replies > article b {
        color: #aa96d8;
      }
      .community-replies > article small {
        grid-column: 2;
        color: #746a7b;
        font-size: 9px;
      }
      .community-replies form input {
        flex: 1;
      }
      .community-my-activity {
        margin-top: 14px;
        padding: 14px;
        border: 1px dashed #584464;
        border-radius: 12px;
        color: #a99ab2;
      }
      .community-platform-stack,
      .community-admin-grid,
      .community-admin-list {
        display: grid;
        gap: 12px;
      }
      .community-platform-post.pinned {
        border-color: #a884ff;
        box-shadow: inset 3px 0 #8b6cff;
      }
      .community-platform-post h3 {
        margin-top: 9px;
        font-size: 16px;
      }
      .community-platform-post button {
        margin-top: 10px;
        color: #bcaeff;
      }
      .community-admin-grid {
        grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
        align-items: start;
      }
      .community-admin-card {
        padding: 18px;
        border: 1px solid #34313c;
        border-radius: 14px;
        background: #17161d;
      }
      .community-admin-card form,
      .community-admin-card label {
        display: grid;
        gap: 8px;
      }
      .community-admin-card form {
        gap: 12px;
      }
      .community-admin-row {
        padding: 13px 0;
        border-top: 1px solid #ffffff12;
      }
      .community-admin-row header,
      .community-admin-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 9px;
      }
      .community-admin-actions {
        justify-content: flex-start;
        margin-top: 9px;
        flex-wrap: wrap;
      }
      .community-admin-actions button {
        color: #bcaeff;
      }
      .community-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);
        gap: 18px;
        align-items: start;
        min-width: 0;
      }
      .community-grid > *,
      .community-side,
      .community-panel {
        min-width: 0;
      }
      .community-panel {
        padding: 21px;
        background: #1c1821;
        border: 1px solid #382d40;
        border-radius: 15px;
        scroll-margin-top: 190px;
      }
      .community-panel + .community-panel {
        margin-top: 18px;
      }
      .community-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 17px;
      }
      .community-panel-head h2 {
        font-size: 18px;
      }
      .community-panel-head select {
        width: auto;
        min-width: 85px;
        padding: 6px 28px 6px 10px;
        min-height: 36px;
      }
      .community-composer {
        padding: 16px;
        background: #131017;
        border: 1px solid #35293c;
        border-radius: 12px;
        margin-bottom: 15px;
      }
      .community-composer select {
        margin-bottom: 8px;
      }
      .community-composer textarea,
      .wish-form textarea {
        min-height: 82px;
        resize: vertical;
        font-size: 16px;
      }
      .community-composer > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 8px;
      }
      .community-composer small {
        color: #887b92;
      }
      .community-composer .primary {
        min-height: 38px;
        padding: 8px 17px;
      }
      .community-empty {
        text-align: center;
        padding: 42px 10px;
        color: #9e91a8;
      }
      .community-empty p {
        font-size: 11px;
        margin-top: 6px;
      }
      .community-comment {
        padding: 17px 3px;
        border-bottom: 1px solid #ffffff0d;
      }
      .community-comment > header {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .community-avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: #ff694c20;
        border: 1px solid #ff765847;
        color: #ffb09f;
      }
      .community-comment header b,
      .community-comment header small {
        display: block;
      }
      .community-comment header small {
        font-size: 9px;
        color: #83758d;
        margin-top: 2px;
      }
      .community-comment > p {
        margin: 13px 0;
        color: #ddd4e1;
        line-height: 1.8;
        overflow-wrap: anywhere;
      }
      .community-comment > footer {
        display: flex;
        gap: 16px;
        padding: 0;
        margin: 0;
        border: 0;
        color: #8f8199;
        font-size: 11px;
      }
      .community-comment > footer button {
        min-height: 32px;
        padding: 0;
      }
      .community-comment > footer .active {
        color: #ff8c74;
      }
      .request-list,
      .wish-list {
        display: grid;
        gap: 4px;
      }
      .request-list button,
      .wish-list button {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
        text-align: left;
        border-bottom: 1px solid #ffffff0a;
      }
      .request-list img {
        width: 36px;
        height: 49px;
        border-radius: 5px;
        object-fit: cover;
      }
      .request-list span,
      .wish-list span {
        flex: 1;
        min-width: 0;
      }
      .request-list b,
      .request-list small,
      .wish-list b,
      .wish-list small {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .request-list b,
      .wish-list b {
        font-size: 12px;
        white-space: nowrap;
      }
      .request-list small,
      .wish-list small {
        font-size: 9px;
        color: #897a92;
        margin-top: 3px;
      }
      .request-list em,
      .wish-list em {
        font-size: 10px;
        color: #ff9d88;
        font-style: normal;
        white-space: nowrap;
      }
      .wish-form {
        display: grid;
        gap: 8px;
        margin-bottom: 13px;
      }
      .wish-form button {
        width: 100%;
      }
      .honor-level-list {
        display: grid;
        gap: 6px;
      }
      .honor-level-list > div {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        align-items: center;
        gap: 9px;
        padding: 8px 10px;
        border: 1px solid #32283a;
        border-radius: 8px;
        color: #9c8fa5;
        font-size: 11px;
      }
      .honor-level-list > div.current {
        border-color: #e166765c;
        background: #e1667612;
        color: #f2dce2;
      }
      .honor-level-list b {
        color: #ff927e;
      }
      .honor-level-list small {
        color: #796d82;
        font-size: 9px;
      }
      .honor-earn-rules {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 12px;
      }
      .honor-earn-rules span {
        padding: 4px 7px;
        border-radius: 5px;
        background: #141117;
        color: #ab9bb2;
        font-size: 9px;
      }
      .honor-ledger {
        margin-top: 16px;
        padding-top: 13px;
        border-top: 1px solid #ffffff0d;
      }
      .honor-ledger h3 {
        margin-bottom: 7px;
        font-size: 12px;
      }
      .honor-ledger p {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        color: #92859c;
        font-size: 10px;
      }
      .honor-ledger p b {
        color: #ff927e;
      }
      .honor-ledger-empty {
        margin-top: 14px;
        color: #796d82;
        font-size: 10px;
        line-height: 1.7;
      }
      .drama-detail-page {
        max-width: 1120px;
        min-height: 80vh;
        margin: 0 auto;
        padding: 30px 5% 110px;
      }
      .detail-page-back {
        min-height: 40px;
        margin-bottom: 18px;
        color: #bcaec3;
      }
      .detail-page-hero {
        display: grid;
        grid-template-columns: 210px minmax(0, 1fr);
        gap: 30px;
        align-items: center;
        overflow: hidden;
        padding: 28px;
        border: 1px solid #3b2f42;
        border-radius: 20px;
        background:
          radial-gradient(circle at 90% 0, #70394b42, transparent 45%), #1b171f;
      }
      .detail-page-hero > img {
        display: block;
        width: 100%;
        aspect-ratio: 3/4;
        object-fit: cover;
        border-radius: 14px;
      }
      .detail-page-hero > div {
        min-width: 0;
      }
      .detail-page-hero h1 {
        margin: 7px 0 12px;
        font-size: clamp(28px, 4vw, 46px);
      }
      .detail-page-hero > div > p {
        max-width: 690px;
        margin: 17px 0;
        color: #b9acbf;
        line-height: 1.8;
      }
      .detail-page-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }
      .detail-mobile-actions { display:none; }
      .detail-page-synopsis,
      .detail-page-episodes,
      .detail-inline-comments,
      .detail-page-related {
        margin-top: 20px;
        padding: 24px;
        border: 1px solid #382d40;
        border-radius: 16px;
        background: #1b171f;
      }
      .detail-page-synopsis p {
        margin-top: 10px;
        color: #c8bdcc;
        line-height: 1.9;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
      }
      .detail-inline-comments > header,
      .detail-comment-form > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }
      .detail-inline-comments > header > span,
      .detail-comment-form small {
        color: #8f8199;
        font-size: 11px;
      }
      .detail-comment-form {
        margin: 18px 0 4px;
        padding: 14px;
        border-radius: 12px;
        background: #131017;
        border: 1px solid #35293c;
      }
      .detail-comment-form textarea {
        min-height: 92px;
        resize: vertical;
        font-size: 16px;
      }
      .detail-comment-form > div {
        margin-top: 9px;
      }
      .detail-comment-form .primary {
        min-height: 40px;
        padding: 8px 18px;
      }
      @media (max-width: 800px) {
        .community-page {
          padding: 19px 4% calc(92px + env(safe-area-inset-bottom));
        }
        .community-heading {
          align-items: center;
        }
        .community-heading h1 {
          font-size: 25px;
        }
        .community-heading p {
          font-size: 10px;
          line-height: 1.6;
        }
        .community-heading .secondary {
          padding: 7px 10px;
          white-space: nowrap;
        }
        .honor-card {
          padding: 17px;
          gap: 12px;
          flex-wrap: wrap;
        }
        .honor-medal {
          width: 51px;
          height: 51px;
          border-radius: 14px;
          font-size: 23px;
        }
        .honor-copy h2 {
          font-size: 19px;
        }
        .honor-card > .primary {
          width: 100%;
          min-height: 44px;
        }
        .community-proof-strip {
          margin-top: -5px;
          gap: 7px;
        }
        .community-proof-strip > div {
          padding: 11px 10px;
        }
        .community-proof-strip strong {
          font-size: 17px;
        }
        .community-quick-actions {
          position: static;
          gap: 7px;
          padding: 7px;
          border: 1px solid #342b3d;
          border-radius: 15px;
          background: rgba(19, 17, 24, 0.94);
          box-shadow: 0 8px 24px #0005;
          backdrop-filter: blur(16px);
        }
        .community-quick-actions button {
          justify-content: center;
          gap: 6px;
          padding: 9px 6px;
          border: 0;
          background: transparent;
        }
        .community-quick-actions b {
          width: 29px;
          height: 29px;
        }
        .community-quick-actions span {
          font-size: 11px;
        }
        .community-heading-actions {
          align-self: flex-start;
        }
        .community-feed-tabs {
          position: sticky;
          top: 118px;
          z-index: 39;
          width: 100%;
        }
        .community-feed-tabs button {
          flex: 1;
          min-width: 0;
        }
        .community-drama-results {
          grid-template-columns: 1fr;
        }
        .community-grid {
          grid-template-columns: 1fr;
        }
        .community-admin-grid {
          grid-template-columns: 1fr;
        }
        .community-panel {
          padding: 16px;
        }
        .community-composer {
          padding: 12px;
        }
        .community-composer select,
        .community-composer textarea,
        .wish-form input,
        .wish-form textarea {
          font-size: 16px;
        }
        .community-comment > p {
          font-size: 13px;
        }
        .consumer .mobile-nav {
          display: grid !important;
          grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
          height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));
          padding-bottom: env(safe-area-inset-bottom);
          background: rgba(19, 18, 25, 0.96);
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(18px);
        }
        .consumer .mobile-nav > button {
          display: flex !important;
          order: initial !important;
          position: relative;
        }
        .consumer .mobile-nav .nav-unread {
          position: absolute;
          top: 4px;
          left: calc(50% + 8px);
          min-width: 17px;
          height: 17px;
          padding: 0 4px;
          border: 2px solid #151219;
          border-radius: 999px;
          background: #ff385d;
          color: #fff;
          font: 800 10px/13px system-ui;
          text-align: center;
        }
        .consumer .mobile-nav .primary-tab b {
          display: grid;
          place-items: center;
          width: 38px;
          height: 38px;
          margin-top: -13px;
          border-radius: 13px;
          background: linear-gradient(135deg, var(--brand-coral), #e72c74);
          color: #fff !important;
          box-shadow: 0 8px 22px rgba(231, 44, 116, 0.42);
        }
        .consumer .mobile-nav .mobile-reels-art {
          display: grid;
          place-items: center;
          width: 34px;
          height: 34px;
          overflow: hidden;
          border: 2px solid rgba(255,255,255,.88);
          border-radius: 11px;
          background: linear-gradient(135deg, #ff2f91, #ff725e);
          box-shadow: 0 5px 16px rgba(236,35,127,.45);
        }
        .consumer .mobile-nav .mobile-reels-art img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .consumer .mobile-nav .primary-tab span {
          color: #ff8b82;
          font-weight: 800;
        }
        #hg-entitlement {
          display: none !important;
        }
        .drama-detail-page {
          padding: 14px 4% calc(28px + env(safe-area-inset-bottom));
        }
        .detail-page-hero {
          grid-template-columns: 100px minmax(0, 1fr);
          gap: 15px;
          align-items: start;
          padding: 15px;
        }
        .detail-page-hero h1 {
          font-size: 23px;
        }
        .detail-page-hero > div > p {
          display: none;
        }
        .detail-page-actions {
          margin-top: 13px;
        }
        .detail-page-actions button {
          min-height: 42px;
          padding: 9px 12px;
        }
        .detail-page-synopsis,
        .detail-page-episodes,
        .detail-inline-comments,
        .detail-page-related {
          padding: 16px;
          margin-top: 13px;
        }
        .detail-page-episodes .episode-grid {
          grid-template-columns: repeat(5, minmax(0, 1fr));
        }
      }

/* profile-hub-ui */
.profile-overview-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:16px; margin:18px 0; }
      .profile-shelf,.profile-benefit-card { padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); }
      .profile-hub-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
      .profile-hub-head h2 { margin:0; font-size:18px; }
      .profile-hub-head button { width:auto; min-height:38px; padding:6px 10px; color:#b8c0bc; }
      .profile-continue-list { display:grid; gap:9px; }
      .profile-continue-item { display:grid; grid-template-columns:56px 1fr auto; align-items:center; gap:11px; width:100%; min-height:76px; padding:8px; border:0; border-radius:13px; background:#ffffff08; color:#fff; text-align:left; }
      .profile-continue-item img { width:56px; height:62px; border-radius:9px; object-fit:cover; }
      .profile-continue-item span { min-width:0; }
      .profile-continue-item strong,.profile-continue-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .profile-continue-item small { margin-top:5px; color:#9ea7a2; }
      .profile-continue-item b { color:#d4ff5f; }
      .profile-shelf-empty { margin:0; padding:18px 4px; color:#969f9b; }
      .profile-reel-shelf { margin:18px 0; }
      .profile-reel-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
      .profile-reel-list button { display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:10px; min-width:0; padding:8px; border:0; border-radius:13px; background:#ffffff08; color:#fff; text-align:left; }
      .profile-reel-list img { width:52px; height:66px; border-radius:9px; object-fit:cover; background:#222; }
      .profile-reel-list span { min-width:0; }
      .profile-reel-list strong,.profile-reel-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .profile-reel-list small { margin-top:5px; color:#939c97; }
      .profile-reel-list b { color:#d4ff5f; }
      .profile-benefit-card { display:flex; flex-direction:column; justify-content:space-between; background:radial-gradient(circle at top right,#d4ff5f1a,transparent 55%),#17191a; }
      .profile-benefit-card .eyebrow { color:#d4ff5f; }
      .profile-benefit-card h2 { margin:7px 0; }
      .profile-benefit-card p { color:#aeb6b2; line-height:1.6; }
      .profile-benefit-card button { width:100%; min-height:44px; }
      .profile-referral-card { margin:16px 0; padding:18px; border:1px solid #d4ff5f42; border-radius:18px; background:radial-gradient(circle at 100% 0,#d4ff5f1f,transparent 48%),linear-gradient(145deg,#1d211b,#141716); }
      .profile-checkin-card { margin:16px 0; padding:18px; border:1px solid #ffbf5d45; border-radius:18px; background:radial-gradient(circle at 100% 0,#ffbf5d22,transparent 50%),linear-gradient(145deg,#231d18,#151616); }
      .profile-checkin-card header { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
      .profile-checkin-card h2 { margin:4px 0; font-size:19px; }
      .profile-checkin-card p { margin:5px 0 0; color:#aeb6b2; line-height:1.5; }
      .profile-checkin-streak { color:#ffc86a; font-size:20px; white-space:nowrap; }
      .profile-checkin-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:15px 0; }
      .profile-checkin-metrics span { padding:10px 8px; border:1px solid #ffffff12; border-radius:12px; background:#ffffff08; color:#9ba4a0; font-size:11px; }
      .profile-checkin-metrics b { display:block; margin-top:4px; color:#fff; font-size:15px; }
      .profile-checkin-card .primary { width:100%; min-height:44px; }
      .profile-checkin-error { color:#ff8f7d!important; }
      .profile-referral-card header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
      .profile-referral-card h2 { margin:4px 0; font-size:19px; }
      .profile-referral-card p { margin:6px 0 0; color:#aeb6b2; line-height:1.5; }
      .referral-count { flex:0 0 auto; color:#d4ff5f; font-size:18px; font-weight:900; }
      .referral-progress { height:8px; margin:15px 0 9px; overflow:hidden; border-radius:999px; background:#ffffff12; }
      .referral-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#d4ff5f,#66e6a8); }
      .referral-meta { display:flex; justify-content:space-between; gap:10px; color:#aeb6b2; font-size:12px; }
      .referral-url { display:block; margin:12px 0; padding:10px 12px; overflow:hidden; border:1px solid #ffffff12; border-radius:11px; background:#090b0a; color:#d9dfdc; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
      .referral-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
      .referral-actions button { min-height:42px; }
      .profile-menu button small { display:block; margin-top:3px; color:#858e89; font-weight:500; }
      .profile-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0; }
      .profile-community-grid button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-height:94px; padding:15px; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); color:#fff; text-align:left; }
      .profile-community-grid b { font-size:22px; color:#d4ff5f; }
      .profile-community-grid strong { font-size:14px; }
      .profile-community-grid small { color:#909995; line-height:1.35; }
      .profile-community-grid em { position:absolute; top:10px; right:10px; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:#ff4e68; color:#fff; font-size:11px; font-style:normal; line-height:20px; text-align:center; }
      .profile-merge-notice { margin:12px 0 0; padding:11px 14px; border:1px solid #d4ff5f42; border-radius:12px; background:#d4ff5f12; color:#dfffa0; font-size:13px; line-height:1.45; }
      @media(max-width:800px){
        .profile-overview-grid { grid-template-columns:1fr; margin:14px 0; }
        .profile-shelf,.profile-benefit-card { padding:14px; border-radius:15px; }
        .profile-referral-card { padding:15px; border-radius:15px; }
        .profile-checkin-card { padding:15px; border-radius:15px; }
        .profile-reel-list { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
        .profile-reel-list button { flex:0 0 82%; scroll-snap-align:start; min-height:78px; }
        .profile-community-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:14px 0; }
        .profile-community-grid button { min-height:88px; padding:12px 9px; }
        .profile-community-grid b { font-size:19px; }
        .profile-community-grid strong { font-size:12px; }
        .profile-community-grid small { font-size:10px; }
      }

/* ad-slot-ui */
.site-ad-strip { display:grid !important; gap:10px; margin:18px 0; }
      .site-ad-item { position:relative; }
      .site-ad-strip .site-ad-main { display:grid; grid-template-columns:auto auto 1fr auto; align-items:center; gap:11px; width:100%; min-height:66px; padding:10px 48px 10px 14px; border:1px solid rgba(255,255,255,.11); border-radius:15px; background:linear-gradient(115deg,#241d2c,#17191b); color:#fff; text-align:left; }
      .site-ad-strip img { width:48px; height:48px; border-radius:10px; object-fit:contain; background:#111; }
      .site-ad-strip small { padding:3px 6px; border:1px solid #ffffff35; border-radius:5px; color:#b9c0bc; font-size:10px; }
      .site-ad-strip strong { font-size:15px; }
      .site-ad-strip span { color:#aab2ae; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .site-ad-strip b { color:#d4ff5f; white-space:nowrap; }
      .site-ad-strip-bottom { margin-top:22px; }
      .feed-ad-card { position:relative; min-height:280px; padding:16px; border:1px solid rgba(255,255,255,.12); border-radius:15px; overflow:hidden; background:linear-gradient(145deg,#372139,#19191e); color:#fff; }
      .feed-ad-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#111; opacity:.35; }
      .feed-ad-card > div { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; height:100%; min-height:248px; }
      .feed-ad-card small { width:max-content; padding:3px 6px; border:1px solid #ffffff42; border-radius:5px; }
      .feed-ad-card strong { margin:10px 0 5px; font-size:17px; }
      .feed-ad-card span { color:#d1d5d3; line-height:1.45; }
      .feed-ad-card button { min-height:42px; margin-top:13px; border:0; border-radius:10px; background:#fff; color:#111; font-weight:800; }
      .ad-close { position:absolute; z-index:4; top:8px; right:8px; display:grid; place-items:center; width:30px !important; min-height:30px !important; margin:0 !important; padding:0 !important; border:1px solid #ffffff30 !important; border-radius:50% !important; background:#09090bbf !important; color:#fff !important; font-size:18px; line-height:1; }
      .sidebar-ad-card { position:relative; margin-top:16px; padding:14px; border:1px solid #ffffff20; border-radius:14px; background:linear-gradient(145deg,#2d2130,#17191b); color:#fff; }
      .sidebar-ad-card img { width:100%; max-height:135px; border-radius:10px; object-fit:cover; }
      .sidebar-ad-card small,.sidebar-ad-card span { display:block; margin-top:6px; color:#aeb5b1; }
      .sidebar-ad-card strong { display:block; margin-top:7px; }
      .sidebar-ad-card .primary { width:100%; margin-top:10px; }
      .splash-ad-overlay { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:20px; background:#050506df; }
      .splash-auto-note { display:block; margin-top:12px; color:#aeb5b1; text-align:center; }
      .splash-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
      .splash-grid button { position:relative; min-width:0; aspect-ratio:1; overflow:hidden; border:1px solid #ffffff28; border-radius:12px; background:#29222e; }
      .splash-grid img { width:100%; height:100%; object-fit:cover; }
      .splash-grid small { position:absolute; left:5px; bottom:5px; padding:2px 5px; border-radius:5px; background:#000b; color:#fff; font-size:9px; }
      .floating-edge-ad { position:fixed; z-index:60; right:16px; left:auto; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:9px; width:min(420px,calc(100vw - 32px)); min-height:56px; padding:7px 42px 7px 8px; transform:none; border:1px solid #ffffff24; border-radius:14px; background:#17151bf2; box-shadow:0 12px 35px #0008; color:#fff; backdrop-filter:blur(14px); }
      .floating-edge-ad img { width:42px; height:42px; border-radius:9px; object-fit:cover; }
      .floating-edge-ad span { display:grid; min-width:0; text-align:left; }
      .floating-edge-ad strong,.floating-edge-ad small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .floating-edge-ad small { color:#aeb5b1; }
      .floating-edge-ad > b { color:#d4ff5f; white-space:nowrap; }
      .floating-ad-top { top:88px; }
      .floating-ad-bottom { bottom:18px; }
      .runtime-ad-overlay { position:absolute; inset:0; z-index:12; display:grid; place-items:center; padding:20px; background:#070708d9; }
      .runtime-ad-card { position:relative; width:min(92%,420px); padding:18px; border:1px solid #ffffff24; border-radius:18px; overflow:hidden; background:#221d26; color:#fff; text-align:left; }
      .runtime-ad-card > img { width:100%; max-height:180px; border-radius:12px; object-fit:contain; background:#111; }
      .runtime-ad-card small { display:block; margin-top:8px; color:#aeb5b1; }
      .runtime-ad-card h2 { margin:8px 0 5px; }
      .runtime-ad-card p { color:#c2c7c4; }
      .runtime-ad-actions { display:flex; gap:8px; margin-top:12px; }
      .runtime-ad-actions button { flex:1; min-height:42px; }
      @media(max-width:800px){
        .site-ad-strip { margin:12px 0; }
        .site-ad-strip .site-ad-main { grid-template-columns:auto 1fr auto; min-height:62px; padding:9px 42px 9px 10px; }
        .site-ad-strip img { width:44px; height:44px; grid-row:span 2; }
        .site-ad-strip small { display:none; }
        .site-ad-strip span { grid-column:2/3; font-size:12px; }
        .site-ad-strip b { grid-column:3; grid-row:1/3; font-size:12px; }
        .floating-ad-top { top:70px; }
        .floating-ad-bottom { bottom:86px; }
        .floating-edge-ad { left:50%; right:auto; grid-template-columns:38px minmax(0,1fr) auto; width:min(520px,calc(100vw - 24px)); min-height:52px; transform:translateX(-50%); }
        .floating-edge-ad img { width:38px; height:38px; }
      }

/* phone-compact-home */
@media (max-width: 520px) {
        .consumer .home { padding-top: 12px; }
        .consumer .top-note { margin-bottom: 10px; }
        .consumer .genre-rail { margin-bottom: 11px; }
        .consumer .genre-rail button { min-height: 38px; padding: 7px 11px; }
        .home-continue-card { grid-template-columns: 56px minmax(0,1fr) 38px; min-height: 74px; margin: 0 0 10px; padding: 8px; border-radius: 13px; }
        .home-continue-card img { width: 56px; height: 56px; border-radius: 9px; }
        .home-continue-card strong { font-size: 13px; }
        .home-continue-card small { font-size: 9px; }
        .home-continue-card b { width: 38px; height: 38px; }
        .consumer .hero { height: 250px; min-height: 250px; max-height: 250px; }
        .consumer .hero-content { width: 94%; padding: 16px; bottom: 38px; }
        .consumer .hero-kicker { margin-bottom: 8px; }
        .consumer .hero-tags { margin-top: 7px; gap: 6px; }
        .consumer .hero h1 { max-width: 82%; margin: 7px 0; font-size: 23px; line-height: 1.22; }
        .consumer .hero-content > p { display: none; }
        .consumer .hero-buttons { margin-top: 11px; }
        .consumer .hero-buttons button { min-height: 40px; }
        .poster-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 11px; }
        .consumer .poster-name strong { font-size: 18px; }
        .mature-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .feed-ad-card { min-height: 260px; }
        .feed-ad-card > div { min-height: 228px; }
      }

/* mobile-detail-community-polish */
@media (max-width: 520px) {
        .drama-detail-page {
          padding: 10px 11px calc(var(--bottom-nav-height) + 96px + env(safe-area-inset-bottom));
        }
        .detail-page-back {
          min-height: 38px;
          margin-bottom: 8px;
          padding: 6px 2px;
        }
        .detail-page-hero {
          grid-template-columns: 92px minmax(0, 1fr);
          gap: 12px;
          padding: 12px;
          border-radius: 16px;
        }
        .detail-page-hero > img {
          border-radius: 11px;
        }
        .detail-page-hero h1 {
          display: -webkit-box;
          margin: 5px 0 8px;
          overflow: hidden;
          font-size: 20px;
          line-height: 1.3;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }
        .detail-tags {
          gap: 5px;
        }
        .detail-tags span {
          max-width: 100%;
          padding: 4px 6px;
          overflow: hidden;
          font-size: 10px;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .detail-page-actions {
          grid-column: 1 / -1;
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
          width: 100%;
        }
        .detail-page-actions button {
          width: 100%;
          min-height: 42px;
          padding: 8px;
          font-size: 12px;
        }
        .detail-page-actions .primary {
          grid-column: 1 / -1;
        }
        .detail-mobile-actions {
          position: fixed;
          z-index: 76;
          right: 0;
          bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));
          left: 0;
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 9px;
          padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
          border-top: 1px solid rgba(255,255,255,.1);
          background: rgba(17,14,20,.94);
          backdrop-filter: blur(18px);
          box-shadow: 0 -12px 34px rgba(0,0,0,.28);
        }
        .detail-mobile-actions button { min-height:48px; border-radius:12px; font-weight:750; }
        .detail-page-synopsis,
        .detail-page-episodes,
        .detail-inline-comments,
        .detail-page-related {
          margin-top: 11px;
          padding: 14px;
          border-radius: 14px;
        }
        .detail-page-synopsis p {
          margin-top: 8px;
          font-size: 14px;
          line-height: 1.75;
        }
        .detail-page-episodes {
          overflow: hidden;
        }
        .detail-page-episodes .episode-grid {
          display: flex;
          gap: 8px;
          margin: 0 -14px;
          padding: 2px 14px 8px;
          overflow-x: auto;
          overscroll-behavior-inline: contain;
          scroll-snap-type: x proximity;
          scrollbar-width: none;
        }
        .detail-page-episodes .episode-grid::-webkit-scrollbar {
          display: none;
        }
        .detail-page-episodes .episode-grid button {
          flex: 0 0 48px;
          min-height: 44px;
          scroll-snap-align: start;
        }
        .detail-inline-comments > header {
          align-items: center;
        }
        .detail-comment-form {
          scroll-margin-bottom: calc(190px + env(safe-area-inset-bottom));
        }
        .community-composer {
          scroll-margin-bottom: calc(190px + env(safe-area-inset-bottom));
        }
        .detail-comment-form {
          margin-top: 12px;
          padding: 11px;
        }
        .detail-comment-form textarea,
        .community-composer textarea {
          min-height: 92px;
          max-height: 34vh;
          resize: none;
        }
        .detail-comment-form > div,
        .community-composer > div:last-child {
          position: sticky;
          bottom: 0;
          gap: 8px;
          padding-top: 8px;
          background: inherit;
        }
        .community-page {
          padding: 12px 11px calc(100px + env(safe-area-inset-bottom));
        }
        .community-heading {
          align-items: flex-start;
          gap: 10px;
        }
        .community-heading h1 {
          font-size: 23px;
        }
        .community-heading-actions {
          flex: 0 0 auto;
        }
        .community-panel {
          padding: 13px;
          border-radius: 14px;
        }
        .community-panel-head {
          align-items: flex-start;
          margin-bottom: 12px;
        }
        .community-panel-head p {
          max-width: 220px;
          line-height: 1.5;
        }
        .community-composer {
          padding: 11px;
        }
        .community-comment {
          padding: 14px 1px;
        }
        .community-comment > p {
          overflow-wrap: anywhere;
          line-height: 1.65;
        }
      }

/* search-history-ui */
.search-history {
        padding: 6px 0;
      }
      .search-history-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 12px;
        color: #aeb8b3;
        font-size: 11px;
      }
      .search-history .search-history-clear {
        width: auto;
        min-height: 28px;
        padding: 2px 4px;
        border: 0;
        color: #aeb8b3;
        font-size: 10px;
      }
      .search-history-row {
        display: flex;
        align-items: center;
        border-top: 1px solid #ffffff0a;
      }
      .search-history .search-history-row > button {
        border-bottom: 0;
      }
      .search-history .history-query {
        flex: 1;
        min-width: 0;
        justify-content: flex-start;
      }
      .search-history .history-remove {
        width: 42px;
        min-width: 42px;
        justify-content: center;
        padding: 0;
        color: #89958f;
        font-size: 17px;
      }
      .mobile-search-history {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + 7px);
        z-index: 2;
        padding: 7px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 12px;
        background: rgba(22, 22, 28, 0.98);
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
      }
      .mobile-search-history .search-history-head {
        padding: 2px 6px 6px;
      }
      .mobile-search-history .search-history-head button,
      .mobile-search-history .search-history-row button {
        min-width: 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #eee;
        font-weight: 500;
      }
      .mobile-search-history .search-history-head button {
        width: auto;
        min-height: 32px;
        padding: 0 6px;
        color: #aaa;
        font-size: 11px;
      }
      .mobile-search-history .search-history-row {
        border-top-color: rgba(255, 255, 255, 0.08);
      }
      .mobile-search-history .history-query {
        flex: 1;
        justify-content: flex-start;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .mobile-search-history .history-remove {
        width: 40px;
        flex: 0 0 40px;
        color: #aaa;
        font-size: 18px;
      }
      .search-discovery-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        padding: 4px 12px 10px;
      }
      .search-discovery-chips button {
        width: auto;
        min-height: 36px;
        padding: 7px 11px;
        border: 1px solid rgba(212, 255, 95, 0.2);
        border-radius: 999px;
        background: rgba(212, 255, 95, 0.08);
        color: #eef4db;
        font-size: 12px;
      }
      .search-history-recent { border-top: 1px solid rgba(255,255,255,.08); }
      .search-correction {
        display: flex;
        align-items: center;
        gap: 5px;
        width: fit-content;
        min-height: 42px;
        margin: 0 0 14px;
        padding: 8px 13px;
        border: 1px solid rgba(212,255,95,.22);
        border-radius: 12px;
        background: rgba(212,255,95,.07);
        color: #c4c9c6;
      }
      .search-correction b { color: #d4ff5f; }
      .search-correction small { color: #8d9792; }
      @media (max-width: 900px) {
        .search-discovery-chips button { min-height: 44px; }
        .search-correction { width: 100%; justify-content: flex-start; }
      }

/* wish-workflow-ui */
.wish-status-meta { display: flex; gap: 8px; flex-wrap: wrap; color: #a9a9b2; }
      .wish-owner-badge { color: #d4ff5f; }
      .wish-public-note { display: block; margin-top: 5px; color: #f4f4f7; }
      .admin-wish-list { display: grid; gap: 14px; }
      .admin-wish-card { padding: 18px; border: 1px solid #30303a; border-radius: 16px; background: #17171d; }
      .admin-wish-card header, .admin-wish-actions { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
      .admin-wish-card p { color: #b7b7c2; }
      .admin-wish-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
      .admin-wish-fields input { width: 100%; }
      .admin-wish-actions button { min-height: 40px; }
      .admin-wish-audit { margin-top: 10px; font-size: 12px; color: #8f8f9a; }
      @media (max-width: 720px) { .admin-wish-fields { grid-template-columns: 1fr; } .admin-wish-card { padding: 14px; } }

/* detail-player-ux-v1 */
.detail-inline-comments {
        margin: 18px 0;
        padding: 20px;
        border: 1px solid #342b3a;
        border-radius: 14px;
        background: linear-gradient(145deg, #1d1822, #151319);
      }
      .detail-inline-comments > header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 14px;
        margin-bottom: 14px;
      }
      .detail-inline-comments > header > span {
        color: #9c8fa4;
        font-size: 12px;
      }
      .detail-comment-form textarea {
        min-height: 88px;
        resize: vertical;
      }
      .detail-comment-form > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 10px;
      }
      .player-toolbar {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 4px;
        padding: 8px;
        border: 1px solid #382e40;
        border-radius: 12px 12px 0 0;
        background: #17111d;
      }
      .mobile-player-controls { display: none; }
      .watch-progress {
        position: absolute;
        z-index: 14;
        left: 12px;
        right: 12px;
        bottom: 0;
        min-height: 44px;
        cursor: pointer;
        touch-action: none;
        outline: none;
      }
      .watch-progress::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 8px;
        height: 3px;
        border-radius: 99px;
        background: #ffffff30;
      }
      .watch-progress > i {
        position: absolute;
        left: 0;
        bottom: 8px;
        width: var(--watch-progress, 0%);
        height: 3px;
        border-radius: 99px;
        background: #ff5f51;
        pointer-events: none;
      }
      .watch-progress > i::after {
        position: absolute;
        content: "";
        right: -6px;
        top: -5px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 2px 10px #0009;
        opacity: 0;
      }
      .watch-progress.dragging > i::after,
      .watch-progress:focus-visible > i::after { opacity: 1; }
      .watch-progress > span {
        position: absolute;
        left: var(--watch-progress, 0%);
        bottom: 18px;
        transform: translateX(-50%);
        padding: 4px 7px;
        border-radius: 6px;
        background: #070609dd;
        color: #fff;
        font-size: 11px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
      }
      .watch-progress.dragging > span,
      .watch-progress:focus-visible > span { opacity: 1; }
      .watch-progress[aria-disabled="true"] { cursor: default; opacity: .45; }
      .watch-gesture-feedback {
        position: absolute;
        z-index: 15;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 10px 14px;
        border-radius: 999px;
        background: #08070bcc;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
        pointer-events: none;
      }
      .watch-gesture-coach {
        position: absolute;
        z-index: 16;
        left: 50%;
        bottom: 54px;
        width: min(390px, calc(100% - 32px));
        transform: translateX(-50%);
        padding: 12px 14px;
        border: 1px solid #ffffff24;
        border-radius: 14px;
        background: #151019e8;
        color: #eee;
        box-shadow: 0 12px 34px #0009;
        font-size: 12px;
        line-height: 1.55;
        text-align: center;
      }
      .watch-gesture-coach button {
        min-width: 44px;
        min-height: 44px;
        margin-left: 8px;
        color: #ff9384;
        font-weight: 800;
      }
      @media (prefers-reduced-motion: reduce) {
        .watch-progress > i::after,
        .watch-progress > span,
        .watch-gesture-feedback,
        .watch-gesture-coach { transition: none; animation: none; }
      }
      .player-toolbar > button,
      .player-toolbar > label {
        min-width: 0;
        min-height: 62px;
        padding: 6px 4px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        border-radius: 9px;
        color: #eee7f1;
      }
      .player-toolbar > button:hover:not(:disabled),
      .player-toolbar > button.active {
        background: #ff604814;
        color: #ff9a83;
      }
      .player-toolbar > button:disabled {
        opacity: 0.28;
      }
      .player-toolbar b {
        font-size: 22px;
        line-height: 1;
        font-weight: 500;
      }
      .player-toolbar span {
        font-size: 10px;
        line-height: 1.2;
        white-space: nowrap;
      }
      .player-toolbar .speed-control {
        color: #a99db0;
      }
      .player-toolbar .speed-control select {
        width: 64px;
        min-height: 29px;
        height: 29px;
        padding: 0 6px;
        border: 0;
        border-radius: 8px;
        background: #2a1d33;
        color: #fff;
        font-size: 12px;
        text-align: center;
      }
      .playback-error-card {
        position:absolute;
        z-index:8;
        inset:50% auto auto 50%;
        width:min(430px,calc(100% - 32px));
        padding:22px;
        border:1px solid rgba(255,255,255,.14);
        border-radius:16px;
        background:rgba(24,16,29,.94);
        box-shadow:0 20px 70px rgba(0,0,0,.55);
        text-align:center;
        transform:translate(-50%,-50%);
        backdrop-filter:blur(16px);
      }
      .playback-error-card > b { display:block; font-size:18px; }
      .playback-error-card > p { margin:7px 0 17px; color:#b9aebd; line-height:1.6; overflow-wrap:anywhere; }
      .playback-error-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
      .playback-error-actions button { min-height:44px; padding:8px; }
      .player-preferences {
        margin: 0 0 20px;
        padding: 9px 13px;
        border: 1px solid #382e40;
        border-top: 0;
        border-radius: 0 0 12px 12px;
        background: #17111d;
      }
      .player-auto-next {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
      }
      .player-auto-next input {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        opacity: 0;
        pointer-events: none;
      }
      .player-auto-next i {
        width: 30px;
        height: 18px;
        padding: 2px;
        border-radius: 999px;
        background: #4b4250;
        transition: 0.2s;
      }
      .player-auto-next i::after {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #fff;
        transition: 0.2s;
      }
      .player-auto-next input:checked + i {
        background: #ff6048;
      }
      .player-auto-next input:checked + i::after {
        transform: translateX(12px);
      }
      .player-auto-next input:focus-visible + i {
        outline: 2px solid #ffad9b;
        outline-offset: 2px;
      }
      .watch-social-rail,
      .watch-episode-dock {
        display: none;
      }
      .watch-comments-sheet {
        width: min(620px, 100%);
        max-height: 72dvh;
        overflow: auto;
        padding: 22px;
        border: 1px solid #44364b;
        border-radius: 20px 20px 0 0;
        background: #201925;
        box-shadow: 0 -10px 60px #0007;
      }
      .watch-comments-sheet header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
      }
      .watch-comments-sheet header small {
        display: block;
        margin-top: 4px;
        color: #9f8faa;
        font-size: 11px;
      }
      .watch-comments-sheet header button { min-width: 42px; font-size: 26px; }
      .watch-comments-sheet form { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
      .watch-comments-sheet textarea { min-height: 68px; resize: vertical; }
      .watch-comments-state { padding: 24px 4px; color: #aaa0b0; text-align: center; }
      .watch-comments-state.error { color: #ff9584; }
      .watch-comment { padding: 14px 2px; border-top: 1px solid #ffffff12; }
      .watch-comment b { font-size: 12px; }
      .watch-comment p { margin-top: 5px; color: #d7cedb; font-size: 13px; white-space: pre-wrap; }
      .watch-comment footer { display: flex; justify-content: flex-end; margin-top: 8px; }
      .watch-comment footer button { min-height: 44px; padding: 6px 10px; border-radius: 999px; color: #b8aebd; }
      .watch-comment footer button.active { background: #ff385d24; color: #ff879d; }
      @media (max-width: 800px) {
        .detail-inline-comments {
          padding: 16px;
          margin: 12px 0;
        }
        .player-toolbar {
          display: none;
          flex-shrink: 0;
          margin: 0;
          padding: 5px 4px;
          border-width: 1px 0 0;
          border-radius: 0;
          gap: 0;
          background: #160f1c;
        }
        .mobile-player-controls {
          display: grid;
          grid-template-columns: 1fr minmax(92px, auto) 1fr;
          gap: 8px;
          flex-shrink: 0;
          padding: 8px 12px 5px;
          border-top: 1px solid rgba(255,255,255,.08);
          background: #160f1c;
        }
        .mobile-player-controls button,
        .mobile-player-controls select {
          min-height: 44px;
          border: 1px solid rgba(255,255,255,.12);
          border-radius: 10px;
          background: #241a29;
          color: #fff;
          font-weight: 700;
        }
        .mobile-player-controls button:disabled { opacity: .42; }
        .player-toolbar > button,
        .player-toolbar > label {
          min-height: 57px;
          padding: 4px 1px;
          gap: 3px;
        }
        .player-toolbar b {
          font-size: 21px;
        }
        .player-toolbar span {
          font-size: 9px;
        }
        .player-toolbar .speed-control select {
          width: 57px;
          min-height: 27px;
          height: 27px;
          font-size: 11px;
        }
        .player-preferences {
          flex-shrink: 0;
          margin: 0;
          padding: 5px 12px calc(8px + env(safe-area-inset-bottom));
          border: 0;
          border-radius: 0;
          background: #160f1c;
          min-height: 37px;
        }
        .video-stage { touch-action: pan-x; }
        .watch-social-rail {
          position: absolute;
          z-index: 12;
          right: 10px;
          bottom: 76px;
          display: grid;
          gap: 9px;
        }
        .watch-social-rail button {
          width: 52px;
          min-height: 52px;
          padding: 5px 3px;
          border: 1px solid #ffffff24;
          border-radius: 18px;
          background: #17131dcc;
          color: #fff;
          box-shadow: 0 8px 24px #0008;
          backdrop-filter: blur(12px);
          touch-action: manipulation;
        }
        .watch-social-rail button.active { color: #ff7d67; border-color: #ff604875; }
        .watch-social-rail b { display: block; font-size: 20px; line-height: 1; }
        .watch-social-rail span { display: block; margin-top: 4px; font-size: 9px; }
        .watch-hold-speed:active { background: #ff6048; transform: scale(.96); }
        .watch-episode-dock {
          position: absolute;
          z-index: 12;
          left: 12px;
          bottom: 17px;
          display: grid;
          grid-template-columns: auto auto;
          align-items: center;
          column-gap: 8px;
          min-height: 46px;
          padding: 7px 14px;
          border: 1px solid #ffffff2b;
          border-radius: 999px;
          background: #17131ddd;
          box-shadow: 0 8px 24px #0008;
          color: #fff;
          text-align: left;
          backdrop-filter: blur(12px);
        }
        .watch-episode-dock b { grid-row: 1 / 3; font-size: 19px; }
        .watch-episode-dock span { font-size: 12px; font-weight: 700; line-height: 1.1; }
        .watch-episode-dock small { color: #b7abbc; font-size: 9px; line-height: 1.1; }
        .watch-comments-backdrop { z-index: 95; }
        .watch-comments-sheet { padding: 18px 16px calc(22px + env(safe-area-inset-bottom)); }
        .watch-comments-sheet form { grid-template-columns: 1fr; }
      }

/* mature-hybrid-home-v1 */
.home-theatres { display: block !important; }
      .home-continue-card {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr) auto;
        align-items: center;
        gap: 16px;
        margin: 0 0 18px;
        padding: 12px;
        min-height: 112px;
        border: 1px solid #48323c;
        border-radius: 16px;
        background: linear-gradient(115deg, #25191f, #17161c 72%);
        text-align: left;
      }
      .home-continue-card img {
        width: 88px;
        height: 88px;
        border-radius: 11px;
        object-fit: cover;
      }
      .home-continue-card span,
      .home-continue-card strong,
      .home-continue-card small { display: block; }
      .home-continue-card span {
        color: var(--brand-coral);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.6px;
      }
      .home-continue-card strong { margin: 4px 0; font-size: 19px; }
      .home-continue-card small { color: #a99da5; }
      .home-continue-card b {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--brand-coral), #e72c74);
        color: #fff;
        font-size: 17px;
      }
      .mature-home-head { align-items: center; }
      .mature-home-head button {
        min-height: 44px;
        padding: 8px 14px;
        border: 1px solid #42353e;
        border-radius: 999px;
        color: #d9ccd3;
      }
      .mature-home-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }
      .mature-home-card { position: relative; min-width: 0; }
      .mature-home-card > button:first-child,
      .mature-home-card > a:first-child {
        display: block;
        width: 100%;
        min-width: 0;
        text-align: left;
      }
      .mature-home-grid img {
        width: 100%;
        aspect-ratio: 3 / 4;
        border-radius: 12px;
        object-fit: cover;
      }
      .mature-home-grid strong,
      .mature-home-grid small { display: block; }
      .mature-home-grid strong {
        margin-top: 8px;
        overflow: hidden;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .mature-home-grid small { color: #948991; font-size: 10px; }
      .mature-home-grid .home-recommend-reason {
        margin-top: 4px;
        color: #c48aa4;
      }
      .home-recommend-dismiss {
        position: absolute;
        top: 7px;
        right: 7px;
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        min-height: 32px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50%;
        background: rgba(12, 12, 16, .38);
        color: rgba(255, 255, 255, .72);
        backdrop-filter: blur(8px);
      }
      .home-recommend-dismiss:hover,
      .home-recommend-dismiss:focus-visible {
        border-color: rgba(255, 255, 255, .3);
        background: rgba(12, 12, 16, .68);
        color: #fff;
      }
      .home-recommend-menu-icon {
        width: 16px;
        height: 16px;
        fill: currentColor;
      }
      .home-recommend-reset {
        margin-left: 7px;
        color: #a99aa3 !important;
      }
      @media (max-width: 800px) {
        .home-continue-card {
          grid-template-columns: 68px minmax(0, 1fr) 42px;
          min-height: 92px;
          gap: 11px;
          margin: 0 4% 14px;
          padding: 10px;
        }
        .home-continue-card img { width: 68px; height: 68px; }
        .home-continue-card strong { font-size: 15px; }
        .home-continue-card b { width: 42px; height: 42px; }
        .mature-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
        .mature-home-head button { min-height: 44px; }
      }
      @media (max-width: 900px) {
        .consumer .mobile-nav {
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 80;
          display: grid !important;
          grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
          width: 100%;
          height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));
          padding-bottom: env(safe-area-inset-bottom);
        }
        .consumer .mobile-nav > button {
          display: flex !important;
          min-width: 0;
        }
      }

/* login-ux */
.login-password-field {
        margin-bottom: 17px;
        color: #aebba7;
        font-size: 11px;
      }
      .login-password-field > label {
        display: block;
      }
      .password-input-wrap {
        position: relative;
        display: block;
      }
      .password-input-wrap input {
        margin-top: 6px;
        padding-right: 76px;
      }
      .password-visibility {
        position: absolute;
        top: 12px;
        right: 7px;
        min-height: 32px;
        padding: 0 9px;
        border-radius: 6px;
        color: var(--accent);
        font-size: 11px;
        font-weight: 700;
      }
      .login-support {
        display: flex;
        justify-content: flex-end;
        margin: -11px 0 8px;
      }
      .login-support button {
        min-height: 36px;
        padding: 0 2px;
        color: #b8c9ad;
        font-size: 11px;
        text-decoration: underline;
        text-underline-offset: 3px;
      }
      .login-help {
        margin: 0 0 14px;
        padding: 10px 12px;
        border: 1px solid #3c4a3b;
        border-radius: 8px;
        background: #141b17;
        color: #aebbaa;
        font-size: 11px;
        line-height: 1.7;
      }
      :root { --b2-bg: #08090b; --b2-panel: #121318; --b2-line: #292b33; --b2-pink: #ff3b86; --b2-warm: #ff725e; }
      .b2-home-brand { display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border: 1px solid #ffffff24; border-radius: 14px; background: #111116; box-shadow: 0 10px 26px #ff3b8633; }
      .b2-home-brand img { width: 100%; height: 100%; object-fit: contain; }
      .b2-home-shell { background: var(--b2-bg); }
      .b2-home-active .hero-layout { display: none !important; }
      .b2-featured-carousel { position: relative; min-height: 360px; overflow: hidden; border-radius: 26px; background: var(--b2-panel); touch-action: pan-y; }
      .b2-featured-hero { position: absolute; display: block; isolation: isolate; inset: 0; width: 100%; overflow: hidden; border: 0; background: var(--b2-panel); text-align: left; opacity: 0; pointer-events: none; transform: translateX(3%); transition: opacity .38s ease, transform .38s ease; }
      .b2-featured-hero.is-active { opacity: 1; pointer-events: auto; transform: translateX(0); }
      .b2-featured-hero > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 18%; filter: brightness(1.12) saturate(1.08); }
      .home-preview-video { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .28s ease; background:#09090b; }
      .home-preview-video.is-ready { opacity:1; }
      .b2-featured-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8, 9, 11, .58) 0, rgba(8, 9, 11, .08) 48%, transparent 72%), linear-gradient(90deg, rgba(8, 9, 11, .22) 0, transparent 58%); }
      .b2-featured-shade { z-index:2; }
      .b2-featured-copy { z-index:3; }
      .b2-featured-dots { z-index:4; }
      .home-preview-tags { display:flex; gap:6px; overflow:hidden; margin-top:3px; }
      .home-preview-tags i { max-width:110px; overflow:hidden; padding:4px 7px; border:1px solid #ffffff2b; border-radius:999px; background:#09090b80; color:#f4f4f5; font:600 10px/1 system-ui; font-style:normal; text-overflow:ellipsis; white-space:nowrap; backdrop-filter:blur(8px); }
      .install-desktop-fab { position:fixed; right:18px; bottom:22px; z-index:94; display:flex; align-items:center; gap:6px; width:auto; min-height:44px; padding:5px 6px 5px 14px; border:1px solid #ffffff24; border-radius:999px; background:#18141ee8; color:#fff; box-shadow:0 12px 32px #0008; backdrop-filter:blur(16px); }
      .install-desktop-fab > button { border:0; background:transparent; color:inherit; }
      .install-desktop-fab .install-action { padding:6px 4px; font-weight:700; }
      .install-desktop-fab .install-dismiss { display:grid; place-items:center; width:28px; height:28px; min-height:28px; padding:0; border-radius:50%; color:#aaa; }
      .install-desktop-fab.has-bottom-ad { bottom:96px; }
      .install-help-sheet { position:fixed; inset:0; z-index:130; display:grid; place-items:end center; padding:18px; background:#0009; }
      .install-help-sheet > section { width:min(100%,480px); padding:22px; border:1px solid #ffffff1f; border-radius:22px; background:#18141e; box-shadow:0 24px 60px #000a; }
      .install-help-sheet h2 { margin:0 0 10px; }
      .install-help-sheet p { margin:0 0 16px; color:#b9b1bf; line-height:1.7; }
      @media (max-width:800px) { .install-desktop-fab { right:12px; bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 12px); min-height:40px; padding:8px 12px; font-size:12px; } .install-desktop-fab.has-bottom-ad { bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 84px); } }
      .b2-featured-copy { position: absolute; left: clamp(18px, 3vw, 28px); top: auto; bottom: clamp(18px, 3vw, 28px); width: min(46%, 430px); display: grid; gap: 5px; transform: none; text-shadow: 0 2px 12px #000b; }
      .b2-featured-copy small { color: #fff; font-size: 10px; font-weight: 650; letter-spacing: .04em; opacity: .72; }
      .b2-featured-copy strong { color: #fff; font-size: clamp(17px, 2.3vw, 25px); line-height: 1.2; font-weight: 720; }
      .b2-featured-copy > span { display: -webkit-box; overflow: hidden; color: #e4e4e7; font-size: 11px; line-height: 1.45; opacity: .78; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
      .b2-featured-copy b { justify-self: start; margin-top: 2px; padding: 7px 11px; border: 1px solid #ffffff24; border-radius: 999px; background: #05060899; color: #fff; font-size: 10px; font-weight: 650; backdrop-filter: blur(8px); }
      .b2-featured-copy i { margin-left: 6px; font-style: normal; }
      .b2-featured-dots { position: absolute; z-index: 4; right: 18px; bottom: 17px; display: flex; gap: 7px; }
      .b2-featured-dots button { width: 7px; height: 7px; min-height: 7px; padding: 0; border-radius: 999px; background: #ffffff66; transition: width .25s ease, background .25s ease; }
      .b2-featured-dots button.is-active { width: 22px; background: #fff; }
      .b2-theatre-section { padding-top: 8px; }
      .b2-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
      .b2-poster-card { min-width: 0; }
      .b2-poster-card > button { width: 100%; text-align: left; }
      .b2-poster-card img { width: 100%; aspect-ratio: 3 / 4; border-radius: 15px; object-fit: cover; background: #17181d; }
      .b2-poster-card strong, .b2-poster-card small { display: block; }
      .b2-poster-card strong { margin-top: 8px; overflow: hidden; color: #fff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
      .b2-poster-card small { margin-top: 3px; color: #898b94; font-size: 10px; }
      .membership-cover-badge { position: absolute; top: 9px; right: 9px; z-index: 3; padding: 4px 7px; border: 1px solid rgba(255,224,144,.55); border-radius: 999px; background: linear-gradient(135deg,rgba(40,25,8,.94),rgba(107,64,15,.92)); box-shadow: 0 5px 16px rgba(0,0,0,.28); color: #ffe3a0; font-size: 10px; font-style: normal; font-weight: 800; line-height: 1; }
      .poster, .b2-poster-card > button { position: relative; }
      .b2-release-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
      .b2-release-card { position: relative; display: block; min-width: 0; width: 100%; overflow: hidden; border: 1px solid var(--b2-line); border-radius: 18px; background: linear-gradient(155deg, #18191f, #0f1014); text-align: left; }
      .b2-release-card > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; border-radius: 17px 17px 12px 12px; background: #17181d; object-fit: cover; }
      .b2-release-card > span { display: block; min-width: 0; padding: 10px 10px 12px; }
      .b2-release-card small, .b2-release-card strong, .b2-release-card em { display: block; }
      .b2-release-card small { color: #ff8faa; font-size: 10px; }
      .b2-release-card strong { min-height: 38px; margin: 5px 0; overflow: hidden; color: #fff; font-size: 14px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }
      .b2-release-card em { display: -webkit-box; overflow: hidden; color: #858791; font-size: 10px; font-style: normal; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
      .b2-release-card > b { position: absolute; top: 10px; right: 10px; padding: 6px 9px; border: 1px solid #ffffff2b; border-radius: 999px; background: #090a0dcc; color: #fff; font-size: 10px; backdrop-filter: blur(8px); }
      .b2-load-more { display: block; width: min(320px, 100%); min-height: 46px; margin: 18px auto 0; border: 1px solid #454752; border-radius: 999px; color: #eee; }
      .b2-release-end { padding: 18px 0 4px; color: #6f717a; text-align: center; }
      .b2-release-sentinel { height: 2px; }
      .featured-page { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 112px; }
      .featured-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
      .featured-head h1 { margin: 5px 0 0; color: #fff; font-size: clamp(25px, 6vw, 38px); }
      .featured-search { display: flex; align-items: center; width: min(420px, 100%); min-height: 48px; padding: 0 15px; border: 1px solid #30323a; border-radius: 999px; background: #121318; }
      .featured-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; }
      .featured-rail, .featured-filters { display: flex; gap: 9px; overflow-x: auto; padding: 3px 0 12px; scrollbar-width: none; }
      .featured-rail::-webkit-scrollbar, .featured-filters::-webkit-scrollbar { display: none; }
      .featured-rail button, .featured-filters button { flex: 0 0 auto; min-height: 38px; padding: 0 15px; border: 1px solid #30323a; border-radius: 999px; color: #b8b9c0; }
      .featured-rail button.selected, .featured-filters button.selected { border-color: #ff3b8677; background: #ff3b861c; color: #fff; }
      .featured-filters { margin: 4px 0 12px; }
      .featured-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 14px; }
      .featured-card { min-width: 0; text-align: left; }
      .featured-card > button { display: block; width: 100%; min-width: 0; overflow: hidden; text-align: left; }
      .featured-cover { position: relative; display: block; overflow: hidden; border-radius: 17px; background: #17181d; }
      .featured-cover img { display: block; width: 100%; aspect-ratio: 3/4; object-fit: cover; }
      .featured-cover span { position: absolute; right: 8px; bottom: 8px; padding: 5px 8px; border-radius: 999px; background: #090a0dcc; color: #fff; font-size: 10px; }
      .featured-card strong { display: block; margin-top: 9px; overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap; }
      .featured-card small { display: block; margin-top: 4px; color: #898b94; }
      .featured-card-actions { display: grid; grid-template-columns: 1fr auto; gap: 7px; margin-top: 8px; }
      .featured-card-actions button { min-height: 36px; border-radius: 999px; background: #ffffff0d; color: #ddd; font-size: 11px; }
      .featured-card-actions button:last-child { width: 44px; background: linear-gradient(135deg,var(--b2-warm),var(--b2-pink)); color: #fff; }
      .featured-top-ad { position: relative; display: grid; grid-template-columns: minmax(0,120px) 1fr auto; align-items: center; gap: 14px; min-height: 92px; margin: 0 0 18px; padding: 10px 52px 10px 10px; overflow: hidden; border: 1px solid #ff5c8a42; border-radius: 18px; background: linear-gradient(125deg,#21141d,#15161b); color: #fff; text-align: left; }
      .featured-top-ad > img { width: 120px; height: 72px; border-radius: 12px; object-fit: cover; }
      .featured-top-ad-copy { display: grid; min-width: 0; gap: 5px; }
      .featured-top-ad-copy small, .featured-feed-ad small { color: #ff9db9; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
      .featured-top-ad-copy strong { overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
      .featured-top-ad-copy span { overflow: hidden; color: #9b9da6; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
      .featured-top-ad > b { color: #fff; font-size: 12px; }
      .featured-top-ad .ad-close, .featured-feed-ad .ad-close { position: absolute; top: 6px; right: 6px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: #090a0db8; color: #fff; }
      .featured-feed-ad { position: relative; min-width: 0; overflow: hidden; border: 1px solid #ff5c8a38; border-radius: 17px; background: linear-gradient(145deg,#281720,#121318); }
      .featured-feed-ad-main { display: block; width: 100%; min-height: 100%; padding: 0 12px 14px; color: #fff; text-align: left; }
      .featured-feed-ad-main img { display: block; width: calc(100% + 24px); margin: 0 -12px 12px; aspect-ratio: 16/9; object-fit: cover; background: #17181d; }
      .featured-feed-ad-main strong, .featured-feed-ad-main span, .featured-feed-ad-main b { display: block; }
      .featured-feed-ad-main strong { margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .featured-feed-ad-main span { display: -webkit-box; margin-top: 5px; overflow: hidden; color: #9698a1; font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
      .featured-feed-ad-main b { margin-top: 10px; color: #ff9db9; font-size: 11px; }
      .b2-see-all { display: inline-flex !important; align-items: center; justify-content: center; gap: 5px; flex: 0 0 auto; min-width: 88px; border-color: #ff5c8a66 !important; background: #ff3b8614; color: #ffabc4 !important; font-weight: 800; }
      .b2-see-all span { font-size: 14px; }
      @media (max-width: 800px) {
        .b2-home-shell { margin-left: -1px; margin-right: -1px; }
        .b2-featured-carousel { min-height: 300px; border-radius: 22px; }
        .b2-featured-hero { border: 0; }
        .b2-featured-hero > img { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 12%; }
        .b2-featured-copy { left: 16px; top: auto; bottom: 16px; width: 61%; transform: none; }
        .b2-featured-copy small { color: #fff; font-size: 10px; font-weight: 600; opacity: .72; }
        .b2-featured-copy strong { font-size: clamp(16px, 4.8vw, 21px); }
        .b2-featured-copy > span { display: none; }
        .b2-featured-copy b { margin-top: 2px; padding: 8px 12px; background: #0008; font-size: 11px; font-weight: 650; backdrop-filter: blur(10px); }
        .b2-theatre-section { margin-top: 20px; }
        .b2-theatre-section .mature-home-head { display: flex; flex-wrap: nowrap; gap: 10px; }
        .featured-page { width: 100%; padding: 10px 12px calc(104px + env(safe-area-inset-bottom)); }
        .featured-head { display: grid; align-items: stretch; gap: 8px; margin-bottom: 10px; }
        .featured-head .eyebrow { display: none; }
        .featured-head h1 { margin: 0; font-size: 20px; }
        .featured-search { min-height: 36px; padding: 0 12px; }
        .featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 8px; }
        .featured-cover { border-radius: 10px; }
        .featured-card strong { margin-top: 6px; font-size: 13px; }
        .featured-card-actions { display: none; }
        .featured-top-ad { grid-template-columns: 68px 1fr; min-height: 72px; margin-bottom: 12px; padding: 7px 44px 7px 7px; border-radius: 14px; }
        .featured-top-ad > img { width: 68px; height: 56px; border-radius: 9px; }
        .featured-top-ad-copy strong { font-size: 13px; }
        .featured-top-ad-copy span { font-size: 10px; }
        .featured-top-ad > b { display: none; }
        .featured-feed-ad { border-radius: 10px; }
        .featured-feed-ad-main { padding: 0 9px 10px; }
        .featured-feed-ad-main img { width: calc(100% + 18px); margin: 0 -9px 8px; }
        .featured-feed-ad-main strong { font-size: 13px; }
      }
      .brand-name .brand-qualifier{display:inline;margin-left:7px;font-size:10px;letter-spacing:.5px;color:#8f999d;font-weight:500;vertical-align:middle}
      @media(max-width:800px){.brand-name .brand-qualifier{font-size:8px;margin-left:5px}}

/* friend-links-style */
.home-friend-links{margin:12px 0 4px;padding:12px 14px;border:1px solid #ffffff12;border-radius:16px;background:#111217;color:#fff}
      .home-friend-links h2{margin:0 0 9px;color:#a8abb3;font-size:12px;font-weight:650;letter-spacing:.04em}
      .home-friend-links-grid{display:grid;grid-template-rows:repeat(2,34px);grid-auto-flow:column;grid-auto-columns:minmax(116px,1fr);gap:7px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
      .home-friend-links-grid::-webkit-scrollbar{display:none}
      .home-friend-links-grid a{display:flex;align-items:center;min-width:0;padding:0 11px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff07;color:#c9cbd1;font-size:12px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start;transition:background .2s ease,color .2s ease,border-color .2s ease}
      .home-friend-links-grid a:hover,.home-friend-links-grid a:focus-visible{border-color:#ff6c7955;background:#ff6c7912;color:#fff}
      @media(max-width:800px){.home-friend-links{margin:10px 0 2px;padding:10px 11px;border-radius:14px}.home-friend-links h2{margin-bottom:8px;font-size:11px}.home-friend-links-grid{grid-auto-columns:minmax(92px,32vw);gap:6px}.home-friend-links-grid a{padding:0 9px;font-size:11px}}

/* dewu-cover-fit-v1 */
.featured-page .featured-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.featured-page .featured-cover{aspect-ratio:16/9;background:#111;overflow:hidden}
.featured-page .featured-cover img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:560px){.featured-page .featured-grid{grid-template-columns:1fr}.featured-page .featured-cover{border-radius:12px}}

/* featured-two-column-ads-v1 */
.featured-page .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
@media(max-width:560px){
  .featured-page .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .featured-page .featured-cover{aspect-ratio:16/9;border-radius:10px}
  .featured-page .featured-card strong{font-size:13px;line-height:1.35}
  .mobile-nav button:nth-child(4) span{font-size:9px;white-space:nowrap}
}
.featured-page .featured-grid::after{content:"广告位预留";grid-column:1/-1;display:grid;place-items:center;min-height:72px;border:1px dashed #ffffff24;border-radius:14px;background:#ffffff08;color:#ffffff52;font-size:12px;letter-spacing:.12em}

/* profile-ui-v2 */
.profile-page{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:38px 0 88px}
.profile-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 24px;align-items:center;text-align:left;padding:28px 30px;overflow:hidden}
.profile-card:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,101,75,.18),transparent 68%);pointer-events:none}
.profile-avatar{grid-row:1/4;grid-column:1;width:78px;height:78px;margin:0}
.profile-card h1{grid-column:2;margin:0;font-size:30px}
.profile-card>p{grid-column:2;margin:2px 0;color:#aaa2ad}
.profile-card .guest-id-line{font-size:12px;letter-spacing:.06em}
.guest-profile-actions,.guest-name-editor{grid-column:3;grid-row:1/4;justify-content:flex-end;z-index:1}
.profile-stats{gap:12px;margin:14px 0}
.profile-stats button{min-height:86px;padding:16px 22px;text-align:left;background:linear-gradient(135deg,#1f1b27,#17151d);border-color:rgba(255,255,255,.08)}
.profile-stats strong{font-size:30px;color:#ff9f89}
.profile-member-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.9fr) auto;align-items:center;gap:24px;margin:0 0 14px;padding:24px 26px;border:1px solid rgba(255,174,100,.26);border-radius:18px;background:linear-gradient(115deg,#2b201a 0%,#211b24 52%,#17151d 100%);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.profile-member-copy h2{margin:5px 0 6px;font-size:25px}.profile-member-copy p{margin:0;color:#c9c0c4;line-height:1.55}.profile-member-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-member-facts span{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}.profile-member-facts small,.profile-member-facts b{display:block}.profile-member-facts small{color:#968d96;font-size:11px}.profile-member-facts b{margin-top:5px;color:#fff;font-size:15px}.profile-member-cta{white-space:nowrap;min-height:46px;padding:0 18px}
.profile-checkin-card,.profile-referral-card,.profile-shelf,.profile-menu{border-radius:18px}.profile-continue-card{margin-top:14px}.profile-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;background:#15131a}.profile-menu button{margin:0;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#1b1821}
@media(max-width:760px){.profile-page{width:min(100% - 20px,680px);padding-top:18px}.profile-card{grid-template-columns:64px 1fr;grid-template-rows:auto auto auto auto;gap:4px 14px;padding:20px}.profile-avatar{width:58px;height:58px;grid-row:1/3}.profile-card h1{font-size:23px}.profile-card>p{grid-column:1/3}.guest-profile-actions,.guest-name-editor{grid-column:1/3;grid-row:auto;margin-top:12px;justify-content:stretch}.guest-profile-actions button{flex:1}.profile-member-card{grid-template-columns:1fr;gap:16px;padding:20px}.profile-member-facts{grid-template-columns:repeat(2,1fr)}.profile-member-cta{width:100%}.profile-menu{grid-template-columns:1fr}.profile-stats button{min-height:76px}}

/* featured-discovery-v1 */
.featured-category-hub{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:20px 0 12px}.featured-category-hub>button,.featured-more-categories summary,.featured-more-categories button{min-height:42px;border:1px solid #302a35;border-radius:12px;background:#17151b;color:#aaa3ad;font-weight:700;cursor:pointer}.featured-category-hub>button.selected,.featured-more-categories button.selected{border-color:#ee5d83;background:#341b27;color:#fff}.featured-more-categories{grid-column:1/-1;position:relative}.featured-more-categories summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;width:100%;padding:0 16px}.featured-more-categories summary::-webkit-details-marker{display:none}.featured-more-categories[open] summary{border-color:#635566;color:#fff}.featured-more-categories>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:10px 0 0}.featured-rail{display:none!important}
.search-discovery-panel{margin:28px 0;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#15131a}.search-discovery-panel>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.search-discovery-panel>header small{color:#f27191;font-weight:800;letter-spacing:.12em}.search-discovery-panel>header h2{margin:3px 0 0}.search-discovery-panel>header>span{color:#827b85;font-size:12px}.search-discovery-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.search-discovery-grid button{position:relative;min-width:0;padding:0 0 10px;border:0;border-radius:12px;overflow:hidden;background:#201c25;color:#fff;text-align:left}.search-discovery-grid button>b{position:absolute;z-index:2;top:7px;left:7px;padding:3px 6px;border-radius:7px;background:rgba(0,0,0,.7);color:#ff829f}.search-discovery-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.search-discovery-grid button>span{display:block;padding:9px 9px 0}.search-discovery-grid strong,.search-discovery-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-discovery-grid small{margin-top:4px;color:#8f8792;font-size:11px}
.watch-recommendations>div{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:760px){.featured-category-hub{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.featured-category-hub>button:nth-of-type(n+8){display:none}.featured-more-categories>div{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px;overflow:auto}.search-discovery-panel{padding:16px;margin:20px 0}.search-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-discovery-panel>header>span{display:none}.watch-recommendations>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* detail-related-seven-v1 */
.detail-page-related{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.detail-page-related>h2{grid-column:1/-1}.detail-page-related>button{display:block;min-width:0;padding:0 0 10px;overflow:hidden;border-radius:12px;background:#1d1922;text-align:left}.detail-page-related>button img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.detail-page-related>button span{display:block;padding:9px}.detail-page-related>button strong,.detail-page-related>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-page-related>button>b{display:none}@media(max-width:760px){.detail-page-related{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* reel-layer-tabs-v1 */
.featured-page .featured-rail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible!important;padding:0!important}.featured-page .featured-rail button{width:100%;min-width:0;margin:0;padding-inline:8px}.featured-page .featured-rail::-webkit-scrollbar{display:none}
.jr-feed-tabs{gap:8px;max-width:min(92vw,620px)}.jr-feed-tab{min-width:58px;padding:10px 12px}.jr-feed-tab[data-feed-tab="drama"],.jr-feed-tab[data-feed-tab="video"]{border:1px solid rgba(255,255,255,.14);border-radius:14px}.jr-feed-tab.active{color:#fff;border-color:#ff4f82;background:rgba(255,79,130,.12)}.jr-drama-picker-trigger{margin-left:2px}
@media(max-width:600px){.jr-feed-tabs{gap:4px;left:50%;width:calc(100% - 92px);justify-content:center}.jr-feed-tab{min-width:auto;padding:9px 7px;font-size:13px}.jr-drama-picker-trigger{width:74px}.jr-drama-picker-trigger span{font-size:13px}}

/* member-polish-v1 */
.featured-page .featured-grid::after{display:none!important;content:none!important}
.modal-card:has(.member-benefit-hero){width:min(760px,calc(100vw - 28px));max-height:92vh;padding:28px;background:linear-gradient(155deg,#101713,#17141a 62%,#211916);border-color:rgba(225,184,96,.22)}
.modal-card:has(.member-benefit-hero)>.eyebrow{color:#d9ba78}.modal-card:has(.member-benefit-hero)>h2{margin:5px 0 18px;font-size:30px}
.member-benefit-hero{padding:22px;border-radius:20px;background:linear-gradient(120deg,#2a2028,#16181b);border:1px solid rgba(255,255,255,.08)}
.member-benefit-heading{align-items:center}.member-benefit-heading small{color:#d7b76e;letter-spacing:.12em}.member-benefit-heading h3{margin:5px 0;font-size:24px}.member-benefit-heading p{margin:0;color:#b6aeb7}.member-benefit-art{background:linear-gradient(135deg,#ff6b59,#df3d7f)}
.member-benefit-icons{grid-template-columns:repeat(3,1fr);gap:10px}.member-benefit-icons span{border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.member-section-label{margin:24px 0 12px}.member-tier-block{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;margin:0 0 14px;padding:14px;border-radius:18px;background:#17161b;border:1px solid rgba(255,255,255,.07)}
.member-tier-head{min-height:116px;border-radius:14px;margin:0;align-content:end;padding:18px}.member-tier-head strong{font-size:20px}.member-tier-head small{font-size:14px}.member-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.member-plan-card{min-height:116px;margin:0!important;border-radius:14px!important;background:#221d24!important}.member-plan-card:hover,.member-plan-card.selected{border-color:#f47c69!important;background:#2d2021!important}.member-plan-price{font-size:24px!important;color:#f4c57c!important}
.permanent-plan{margin:18px 0;padding:22px!important;border:1px solid rgba(232,195,100,.55)!important;border-radius:18px!important;background:radial-gradient(circle at 80% 20%,rgba(224,174,64,.2),transparent 36%),linear-gradient(115deg,#2b2418,#171412)!important}.permanent-plan>strong{font-size:22px!important}.permanent-benefits{grid-template-columns:repeat(3,1fr)!important;gap:8px}.permanent-benefits b{font-size:12px!important}
.payment-checkout-tray{margin-top:18px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#2b1b22,#19171c);border:1px solid rgba(255,113,91,.35)}.payment-checkout-head strong{font-size:21px}.payment-checkout-price{font-size:30px!important;color:#ffd28b!important}.payment-channel-grid{grid-template-columns:repeat(2,1fr);gap:10px}.payment-channel-grid button{padding:15px;border-radius:13px}.payment-submit{min-height:54px;font-size:17px}.payment-safe-note{text-align:center;color:#9c939a!important}.member-benefit-comparison{margin-top:20px}.member-purchase-notes{margin-top:16px;color:#aaa1a8}
@media(max-width:680px){.modal-card:has(.member-benefit-hero){width:calc(100vw - 16px);padding:18px}.member-benefit-icons{grid-template-columns:1fr}.member-tier-block{grid-template-columns:1fr}.member-tier-head{min-height:92px}.member-plans{grid-template-columns:1fr}.permanent-benefits{grid-template-columns:1fr!important}.payment-channel-grid{grid-template-columns:1fr}}

/* profile-reference-redesign-v1 */
.profile-page{max-width:760px;margin:0 auto;padding-bottom:110px}
      .account-hero{margin-bottom:14px;color:#f7f4f7}
      .account-identity{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px 4px 18px}
      .account-identity .profile-avatar{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#7d5d88,#4b3d59);font-size:31px;box-shadow:inset 0 0 0 1px #ffffff20}
      .account-copy{min-width:0}.account-copy h1{margin:0;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy p{margin:6px 0 0;color:#aaa4ae;font-size:13px}.account-copy small{display:block;margin-top:8px;color:#77727d;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}
      .account-tools{display:flex;gap:9px}.account-tools button{display:grid;place-items:center;gap:5px;min-width:58px;padding:5px;border:0;color:#d8d1dc}.account-tools b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff14;border-radius:14px;background:#141319;font-size:18px}.account-tools span{font-size:11px;white-space:nowrap}
      .account-wallet{display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid #ffffff0f;border-radius:21px;background:linear-gradient(145deg,#211e28,#17161d);box-shadow:0 16px 34px #00000022}
      .wallet-balance{display:flex;align-items:center;gap:10px;padding:18px 22px;border:0;color:#fff;text-align:left}.wallet-balance small{color:#aaa4ad}.wallet-balance strong{font-size:25px;color:#f5dfb0}.wallet-balance span{color:#827c87;font-size:11px}
      .wallet-action{align-self:center;margin-right:18px;padding:11px 22px;border:0;border-radius:15px;background:linear-gradient(135deg,#f04e8d,#d93f75);color:#fff;font-weight:800}
      .wallet-vip{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;width:100%;padding:15px 22px;border:0;border-top:1px solid #ffffff0d;color:#f6dfad;text-align:left}.wallet-vip b{font-size:15px}.wallet-vip small{color:#918995}.wallet-vip em{font-style:normal;color:#f6dfad}
      .profile-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:14px 0;padding:16px 8px;border:1px solid #ffffff0d;border-radius:20px;background:#17161c}
      .profile-shortcuts button{display:grid;place-items:center;gap:8px;min-width:0;padding:4px;border:0;color:#d7d0da}.profile-shortcuts b{font-size:25px;color:#ecd69f;font-weight:500}.profile-shortcuts span{font-size:11px;white-space:nowrap}
      .profile-member-card{margin-top:14px;border-color:#e5c67830;background:radial-gradient(circle at 90% 5%,#8a6a2b26,transparent 45%),linear-gradient(145deg,#241f1d,#18171c)}
      @media(max-width:520px){.profile-page{width:min(100% - 22px,760px)}.account-identity{grid-template-columns:62px minmax(0,1fr);padding-top:12px}.account-identity .profile-avatar{width:58px;height:58px;border-radius:19px}.account-copy h1{font-size:21px}.account-tools{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}.account-tools button{display:flex;min-width:auto}.account-tools b{width:32px;height:32px}.wallet-balance{padding:16px}.wallet-balance span{display:none}.wallet-action{margin-right:14px;padding:10px 18px}.wallet-vip{padding:14px 16px}.profile-shortcuts{padding:14px 4px}.profile-shortcuts b{font-size:22px}.profile-shortcuts span{font-size:10px}}

/* profile-background-optimization-v2 */
.profile-page{position:relative;isolation:isolate;padding-top:30px}
      .profile-page::before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(90% 55% at 12% 0%,rgba(125,61,105,.24),transparent 62%),radial-gradient(75% 55% at 92% 18%,rgba(103,77,38,.20),transparent 62%),linear-gradient(180deg,#121116 0%,#0a0a0c 52%,#08090b 100%);pointer-events:none}
      .profile-page::after{content:"";position:absolute;z-index:-1;top:0;left:50%;width:min(920px,115vw);height:330px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(9,9,12,.12),rgba(9,9,12,.92)),url('/assets/membership/permanent.webp') center 36%/cover no-repeat;filter:saturate(.7);opacity:.28;mask-image:linear-gradient(#000 0%,transparent 100%);pointer-events:none}
      .account-hero,.profile-shortcuts,.profile-member-card,.profile-checkin-card,.profile-referral-card,.profile-shelf,.profile-menu{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
      .account-identity{min-height:104px}.account-wallet{background:linear-gradient(145deg,rgba(35,31,42,.94),rgba(19,18,24,.94))}.profile-shortcuts{background:rgba(23,22,28,.88)}
      .profile-page .profile-checkin-card,.profile-page .profile-referral-card{box-shadow:0 16px 42px rgba(0,0,0,.18)}
      @media(min-width:820px){.profile-checkin-card,.profile-referral-card{display:inline-grid;width:calc(50% - 10px);vertical-align:top;min-height:286px}.profile-checkin-card{margin-right:16px}.profile-referral-card{margin-left:0}}
      @media(max-width:520px){.profile-page{padding-top:14px}.profile-page::after{height:265px;opacity:.22}.account-identity{grid-template-columns:58px minmax(0,1fr) auto;min-height:84px;gap:11px}.account-tools{grid-column:auto;margin:0;gap:5px}.account-tools button{display:grid;padding:2px}.account-tools button span{display:none}.account-tools b{width:36px;height:36px}.account-copy h1{font-size:20px}.account-copy small{max-width:150px;overflow:hidden;text-overflow:ellipsis}.account-wallet{border-radius:18px}.profile-shortcuts{margin-top:12px;border-radius:18px}.profile-member-card{padding:18px}.profile-checkin-card,.profile-referral-card{margin-top:12px}}

/* profile-mobile-density-v3 */
@media(max-width:520px){
        body:has(.profile-page) .site-ad-strip{margin:6px 0 10px!important}
        body:has(.profile-page) .site-ad-item{min-height:64px!important;border-radius:14px!important}
        body:has(.profile-page) .site-ad-item img{width:48px!important;height:48px!important;border-radius:12px!important}
        .profile-page{width:min(100% - 16px,760px);padding-top:8px;padding-bottom:92px}
        .account-identity{padding:9px 2px 11px;min-height:70px}.account-identity .profile-avatar{width:52px;height:52px;border-radius:17px;font-size:25px}.account-copy h1{font-size:18px}.account-copy p{margin-top:3px;font-size:11px}.account-copy small{margin-top:4px;font-size:9px}.account-tools b{width:34px;height:34px}
        .account-wallet{grid-template-columns:1fr auto;border-radius:16px}.wallet-balance{padding:12px 14px}.wallet-balance strong{font-size:21px}.wallet-action{margin-right:11px;padding:8px 16px;border-radius:12px}.wallet-vip{padding:11px 14px}.wallet-vip small{display:none}
        .profile-shortcuts{gap:1px;margin:9px 0;padding:11px 2px;border-radius:16px}.profile-shortcuts button{gap:5px}.profile-shortcuts b{font-size:19px}.profile-shortcuts span{font-size:9px}
        .profile-member-card{grid-template-columns:1fr auto!important;gap:9px!important;margin-bottom:10px!important;padding:14px!important;border-radius:16px!important}.profile-member-copy .eyebrow{font-size:9px}.profile-member-copy h2{margin:4px 0!important;font-size:22px!important}.profile-member-copy p{display:none}.profile-member-facts{grid-column:1/-1;gap:7px!important}.profile-member-facts span{padding:9px 10px!important}.profile-member-facts small{font-size:9px!important}.profile-member-facts b{font-size:14px!important}.profile-member-cta{grid-column:1/-1;min-height:40px!important;margin-top:1px;font-size:13px}
        .profile-checkin-card,.profile-referral-card{padding:14px!important;border-radius:16px!important}.profile-checkin-card h2,.profile-referral-card h2{font-size:18px!important}.profile-checkin-card header p,.profile-referral-card header p{display:none}.profile-checkin-streak,.referral-count{font-size:16px!important}.profile-checkin-metrics{gap:6px!important;margin:11px 0!important}.profile-checkin-metrics span{padding:8px 6px!important;font-size:9px!important}.profile-checkin-metrics b{font-size:13px!important}.profile-checkin-card .primary{min-height:40px!important}.profile-checkin-card>p,.profile-referral-card>p{font-size:10px;line-height:1.4}.referral-url{margin:8px 0!important;padding:8px 9px!important}.referral-actions button{min-height:40px!important}
      }

/* profile-mobile-grid-v4 */
@media(max-width:760px){
        .profile-page .profile-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:10px!important}
        .profile-page .profile-menu button{display:grid!important;grid-template-columns:1fr auto;align-content:center;min-height:68px;padding:12px!important;text-align:left;line-height:1.25}
        .profile-page .profile-menu button small{grid-column:1/-1;margin-top:4px;font-size:10px;line-height:1.35}
        .profile-page .profile-menu button span{grid-column:2;grid-row:1;align-self:center}
      }
      @media(max-width:390px){
        .profile-page .profile-menu button{min-height:58px;padding:10px!important;font-size:12px}
        .profile-page .profile-menu button small{display:none}
      }

/* profile-secondary-nav-v1 */
.profile-shortcuts button{position:relative}
      .profile-shortcuts button::after{content:"";position:absolute;inset:0;border-radius:12px}

/* coin-premium-v1 */
.premium-card{border-color:#d9a84a66!important}.featured-cover{position:relative}.premium-badge{position:absolute;left:8px;top:8px;z-index:2;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,#f3c86b,#ba7028);color:#211408;font-style:normal;font-size:10px;font-weight:900;box-shadow:0 4px 18px #0008}.coin-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.coin-pack-grid button{display:grid;gap:4px;padding:14px;text-align:left}.coin-pack-grid b{font-size:18px}.coin-pack-grid small{color:#aaa}
      .coin-wallet-balance{display:flex;align-items:end;justify-content:space-between;padding:14px 16px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff05}.coin-wallet-balance small{display:block;color:#918996}.coin-wallet-balance strong{font-size:30px;color:#ffd995}.coin-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:14px 0!important}.coin-pack-grid button{position:relative;min-height:82px;padding:12px!important}.coin-pack-grid button.selected{border-color:#e74b9a!important;background:#e74b9a14!important;box-shadow:inset 0 0 0 1px #e74b9a55}.coin-pack-grid button.selected:after{content:"✓";position:absolute;right:8px;top:7px;width:18px;height:18px;border-radius:50%;background:#e74b9a;color:#fff;text-align:center;font-size:12px;line-height:18px}.coin-topup-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #ffffff12}.coin-topup-summary span{display:block;color:#9f97a4;font-size:12px}.coin-topup-summary strong{font-size:19px}.coin-topup-submit{min-width:170px;background:linear-gradient(135deg,#db4594,#f05b9d)!important}@media(max-width:480px){.coin-topup-summary{align-items:stretch;flex-direction:column}.coin-topup-submit{width:100%}}

/* home-loading-performance */
.home-loading-shell{padding:18px 0 28px;min-height:70vh}.home-loading-hero{height:min(50vw,430px);min-height:260px;border-radius:24px;background:linear-gradient(110deg,#17171d 8%,#29252d 28%,#17171d 48%);background-size:220% 100%;animation:home-load-shimmer 1.1s linear infinite}.home-loading-shell .catalog-skeleton{margin-top:18px}.home-loading-shell p{color:#9ca0a8;text-align:center;margin:18px 0}@keyframes home-load-shimmer{to{background-position-x:-220%}}@media(max-width:680px){.home-loading-shell{padding:12px 14px 24px}.home-loading-hero{min-height:320px;border-radius:18px}}

/* featured-hero-carousel-style */
.featured-hero-carousel{position:relative;min-height:clamp(260px,36vw,480px);margin:18px 0 24px;border:1px solid #2d3038;border-radius:24px;overflow:hidden;background:#101114}.featured-hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s ease}.featured-hero-slide.is-active{opacity:1;pointer-events:auto}.featured-hero-slide>img{width:100%;height:100%;object-fit:cover;display:block}.featured-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.9) 0%,rgba(4,5,8,.58) 45%,rgba(4,5,8,.12) 78%)}.featured-hero-copy{position:absolute;left:clamp(22px,5vw,70px);bottom:clamp(34px,6vw,72px);z-index:2;max-width:min(620px,72%);color:#fff}.featured-hero-copy small{color:#ff4b93;font-weight:800}.featured-hero-copy h2{margin:10px 0;font-size:clamp(28px,4vw,54px);line-height:1.08}.featured-hero-copy p{margin:0 0 18px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-hero-copy>div{display:flex;gap:10px}.featured-hero-copy button{min-width:118px}.featured-hero-dots{position:absolute;right:24px;bottom:20px;z-index:3;display:flex;gap:8px}.featured-hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#ffffff66}.featured-hero-dots button.is-active{width:28px;background:#ff2f87}@media(max-width:680px){.featured-hero-carousel{min-height:340px;margin:12px 14px 18px;border-radius:18px}.featured-hero-shade{background:linear-gradient(0deg,rgba(4,5,8,.93),rgba(4,5,8,.08) 72%)}.featured-hero-copy{left:18px;right:18px;bottom:42px;max-width:none}.featured-hero-copy h2{font-size:28px}.featured-hero-copy p{font-size:14px;-webkit-line-clamp:2}.featured-hero-dots{right:18px;bottom:16px}}

/* featured-hero-polish-v2 */
.featured-page .featured-hero-carousel{
  height:clamp(250px,32vw,350px);
  min-height:0;
  margin:14px 0 20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:#111318;
  box-shadow:0 18px 48px rgba(0,0,0,.3);
}
.featured-page .featured-hero-slide>img{
  object-position:center 34%;
  filter:saturate(.96) contrast(1.02);
  transform:scale(1.015);
}
.featured-page .featured-hero-shade{
  background:
    linear-gradient(90deg,rgba(6,7,10,.9) 0%,rgba(6,7,10,.66) 38%,rgba(6,7,10,.12) 72%),
    linear-gradient(0deg,rgba(6,7,10,.8) 0%,transparent 56%);
}
.featured-page .featured-hero-copy{
  left:clamp(18px,3.2vw,38px);
  bottom:clamp(18px,3vw,30px);
  max-width:min(470px,56%);
}
.featured-page .featured-hero-copy small{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(9,10,14,.58);
  color:#ff8eb9;
  font-size:11px;
  letter-spacing:.03em;
  backdrop-filter:blur(10px);
}
.featured-page .featured-hero-copy h2{
  display:-webkit-box;
  margin:10px 0 7px;
  overflow:hidden;
  color:#fff;
  font-size:clamp(22px,3vw,34px);
  line-height:1.14;
  letter-spacing:-.025em;
  text-shadow:0 3px 16px rgba(0,0,0,.68);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.featured-page .featured-hero-copy p{
  max-width:430px;
  margin:0 0 14px;
  overflow:hidden;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.5;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.featured-page .featured-hero-copy>div{gap:8px}
.featured-page .featured-hero-copy button{
  min-width:0;
  min-height:40px;
  padding:0 16px;
  border-radius:12px;
  font-size:13px;
  font-weight:800;
}
.featured-page .featured-hero-copy .primary{
  background:linear-gradient(135deg,#ff6654,#ff3b86);
  box-shadow:0 9px 24px rgba(255,63,123,.25);
}
.featured-page .featured-hero-copy .secondary{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(12,13,17,.55);
  color:#fff;
  backdrop-filter:blur(10px);
}
.featured-page .featured-hero-dots{
  right:18px;
  bottom:18px;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(6,7,10,.4);
  backdrop-filter:blur(8px);
}
.featured-page .featured-hero-dots button{
  width:6px;
  height:6px;
  min-height:6px;
  background:rgba(255,255,255,.48);
}
.featured-page .featured-hero-dots button.is-active{
  width:18px;
  background:#ff3b86;
}
@media(max-width:680px){
  .featured-page .featured-hero-carousel{
    height:238px;
    min-height:0;
    margin:10px 0 16px;
    border-radius:16px;
  }
  .featured-page .featured-hero-slide>img{object-position:center 30%}
  .featured-page .featured-hero-shade{
    background:
      linear-gradient(0deg,rgba(6,7,10,.94) 0%,rgba(6,7,10,.62) 43%,rgba(6,7,10,.08) 78%),
      linear-gradient(90deg,rgba(6,7,10,.35),transparent 70%);
  }
  .featured-page .featured-hero-copy{
    left:14px;
    right:14px;
    bottom:14px;
    max-width:calc(100% - 28px);
  }
  .featured-page .featured-hero-copy small{padding:5px 8px;font-size:9px}
  .featured-page .featured-hero-copy h2{
    max-width:82%;
    margin:7px 0 10px;
    font-size:20px;
    line-height:1.16;
  }
  .featured-page .featured-hero-copy p{display:none}
  .featured-page .featured-hero-copy button{min-height:36px;padding:0 13px;border-radius:10px;font-size:12px}
  .featured-page .featured-hero-dots{right:12px;bottom:12px;padding:5px 7px}
}
@media(max-width:390px){
  .featured-page .featured-hero-carousel{height:220px}
  .featured-page .featured-hero-copy h2{font-size:18px}
  .featured-page .featured-hero-copy .secondary{display:none}
}

/* profile-qimeng-simplified-v1 */
.profile-qm-page{box-sizing:border-box;overflow-x:hidden;width:min(760px,100%);margin:0 auto;padding:34px 18px 120px;background:radial-gradient(circle at 85% 0,#51274430,transparent 32%),linear-gradient(180deg,#111118,#0d0d12 48%)}
  .profile-qm-heading span{color:#c88ca7;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.22em}.profile-qm-heading h1{margin:8px 0 3px;font-size:34px}.profile-qm-heading p{margin:0 0 20px;color:#8f8991;font-size:14px}
  .profile-qm-account{padding:18px;border:1px solid #ffffff16;border-radius:24px;background:linear-gradient(145deg,#24212b,#18171e);box-shadow:0 18px 48px #0004}.profile-qm-account-main{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px}.profile-qm-account .profile-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#ff6680,#7b436f);font-size:24px}.profile-qm-name small{color:#c78caa;font-size:10px}.profile-qm-name h2{margin:2px 0;font-size:20px}.profile-qm-name p{margin:0;color:#8f8991;font:11px/1.4 ui-monospace,monospace}.profile-qm-card-button{display:grid;place-items:center;min-width:62px;min-height:58px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff08;color:#eee}.profile-qm-card-button b{font-size:19px}.profile-qm-card-button span{font-size:10px}
  .profile-qm-balance{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.profile-qm-balance button{position:relative;display:grid;gap:3px;min-height:78px;padding:13px;border:1px solid #ffffff10;border-radius:16px;background:#0f0f14;text-align:left;color:#fff}.profile-qm-balance small{color:#8f8991}.profile-qm-balance strong{font-size:17px}.profile-qm-balance span{position:absolute;right:12px;bottom:12px;color:#d69fb7;font-size:11px}
  .profile-qm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.profile-qm-grid button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:76px;padding:12px;border:1px solid #ffffff12;border-radius:18px;background:#18171e;color:#fff;text-align:left}.profile-qm-grid button:disabled{opacity:.62}.profile-qm-grid i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ff668018;color:#ff8dab;font-style:normal;font-size:18px}.profile-qm-grid span{display:grid;gap:3px}.profile-qm-grid b{font-size:14px}.profile-qm-grid small{color:#858088;font-size:10px}.profile-qm-grid em{color:#78727a;font-style:normal;font-size:22px}
  .profile-qm-quota{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding:14px;border:1px solid #ffffff12;border-radius:18px;background:#141319}.profile-qm-quota div{display:grid;gap:5px;text-align:center}.profile-qm-quota small{color:#827d85;font-size:10px}.profile-qm-quota b{font-size:15px}.profile-qm-secondary{margin-top:12px;padding:0 14px;border:1px solid #ffffff12;border-radius:18px;background:#15141a}.profile-qm-secondary summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;cursor:pointer;font-weight:750;list-style:none}.profile-qm-secondary summary::-webkit-details-marker{display:none}.profile-qm-secondary summary span{color:#8c868e;font-size:12px}.profile-qm-secondary .profile-reel-list{padding-bottom:12px}.profile-qm-admin{width:100%;min-height:48px;margin-top:12px;border:1px solid #ffffff16;border-radius:15px;background:#17161c;color:#ddd}.profile-qm-note{margin:18px 0 0;color:#6f6a72;font-size:11px;text-align:center}
  .identity-card-share{position:relative;overflow:hidden;display:grid;gap:9px;min-height:230px;padding:24px!important;border:1px solid #f0c7d055!important;border-radius:24px!important;background:radial-gradient(circle at 88% 15%,#ff789455,transparent 31%),linear-gradient(145deg,#2a2028,#121217)!important;box-shadow:0 22px 60px #0007}.identity-card-share:after{content:'HG';position:absolute;right:18px;bottom:4px;color:#ffffff08;font:900 86px/1 system-ui}.identity-card-share small{letter-spacing:.2em}.identity-card-share strong{font-size:27px!important}.identity-card-share code{color:#eab1c6;font:700 14px/1.4 ui-monospace,monospace}.identity-card-share em{align-self:end;color:#8f8991;font-size:11px;font-style:normal}.identity-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.identity-clear{margin-top:10px!important;color:#a68f98!important}
  @media(max-width:560px){.profile-qm-page{padding:22px 12px 108px}.profile-qm-heading h1{font-size:29px}.profile-qm-account{padding:15px;border-radius:21px}.profile-qm-grid{gap:8px}.profile-qm-grid button{grid-template-columns:34px minmax(0,1fr) auto;min-height:68px;padding:10px;gap:7px;border-radius:16px}.profile-qm-grid i{width:34px;height:34px}.profile-qm-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-qm-account-main{grid-template-columns:50px minmax(0,1fr) auto}.profile-qm-account .profile-avatar{width:50px;height:50px}.profile-qm-card-button{min-width:56px}.profile-qm-quota{padding:12px 8px}}

/* private-ticket-messages-v1 */
.message-bell{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:19px;cursor:pointer}
    .message-bell b{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #101014;border-radius:999px;background:#ef2d70;color:#fff;font-size:10px;line-height:1}
    .message-drawer-backdrop{position:fixed;inset:0;z-index:10030;background:#050507b8;backdrop-filter:blur(8px)}
    .message-drawer{position:absolute;right:0;top:0;width:min(720px,100vw);height:100%;padding:24px;background:#121117;color:#fff;box-shadow:-24px 0 70px #000a;overflow:auto}
    .message-drawer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.message-drawer>header small{color:#ff789c;letter-spacing:.16em}.message-drawer>header h2{margin:4px 0 0}.message-drawer>header button{width:44px;height:44px;border:1px solid #ffffff24;border-radius:50%;background:#ffffff0d;color:#fff;font-size:26px}
    .message-drawer-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;min-height:calc(100% - 84px)}
    .message-ticket-list{display:grid;align-content:start;gap:8px}.message-ticket-list button{position:relative;display:grid;gap:4px;min-height:62px;padding:12px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff08;color:#fff;text-align:left}.message-ticket-list button.active{border-color:#ff5d84;background:#ff416319}.message-ticket-list .contact-support-button{display:block;min-height:46px;border-color:#ff5d8466;background:#ef2d70;color:#fff;text-align:center;font-weight:800}.message-ticket-list small{color:#aaa}.message-ticket-list b{position:absolute;right:9px;top:9px;min-width:19px;padding:2px 5px;border-radius:999px;background:#ef2d70;text-align:center}.message-ticket-list p{color:#aaa;font-size:13px;line-height:1.6}
    .message-conversation{display:grid;grid-template-rows:minmax(240px,1fr) auto;gap:12px;min-width:0}.message-timeline{display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 190px);padding:12px;overflow:auto;border:1px solid #ffffff12;border-radius:15px;background:#08080b}.message-bubble{max-width:82%;padding:10px 12px;border-radius:15px}.message-bubble.mine{align-self:flex-end;background:#ef2d70}.message-bubble.support{align-self:flex-start;background:#29272f}.message-bubble small{color:#ffffffa8;font-size:10px}.message-bubble p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.message-conversation form{display:grid;grid-template-columns:1fr auto;gap:8px}.message-conversation textarea{min-height:72px;padding:12px;border:1px solid #ffffff20;border-radius:13px;background:#0c0c10;color:#fff;resize:vertical}.message-conversation form button{min-width:82px;border:0;border-radius:13px;background:#ef2d70;color:#fff;font-weight:800}.message-error{padding:10px 12px;border-radius:10px;background:#7f241f;color:#fff}
    .contact-support-form{align-self:start;display:grid;gap:14px;padding:18px;border:1px solid #ffffff16;border-radius:16px;background:#08080b}.contact-support-form h3{margin:0;font-size:20px}.contact-support-form>p{margin:0;color:#aaa;line-height:1.6}.contact-support-form label{display:grid;gap:7px;color:#ddd;font-size:13px}.contact-support-form select,.contact-support-form textarea,.contact-support-form input{width:100%;padding:12px;border:1px solid #ffffff20;border-radius:12px;background:#17161c;color:#fff;font:inherit}.contact-support-form textarea{min-height:150px;resize:vertical}.contact-support-form footer{display:flex;justify-content:flex-end;gap:10px}.contact-support-form footer button{min-height:44px;padding:0 18px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff08;color:#fff;font-weight:800}.contact-support-form footer button[type=submit]{border:0;background:#ef2d70}.contact-support-form footer button:disabled{opacity:.5}
    @media(max-width:680px){.message-drawer{padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))}.message-drawer-layout{grid-template-columns:1fr}.message-ticket-list{display:flex;overflow-x:auto}.message-ticket-list button{flex:0 0 160px}.message-ticket-list .contact-support-button{flex:0 0 150px}.message-timeline{max-height:50dvh}.message-conversation form{grid-template-columns:1fr}.message-conversation form button{min-height:44px}.message-bubble{max-width:90%}.contact-support-form textarea{min-height:120px}.contact-support-form footer{display:grid;grid-template-columns:1fr 1fr}.contact-support-form footer button{width:100%}.contact-support-form footer button:only-child{grid-column:1/-1}}

/* age-gate-ui */
html.age-gate-open,
      html.age-gate-open body {
        overflow: hidden !important;
      }
      .age-gate-overlay {
        position: fixed;
        inset: 0;
        z-index: 200000;
        display: grid;
        place-items: center;
        padding: max(20px, env(safe-area-inset-top)) 18px
          max(20px, env(safe-area-inset-bottom));
        overflow: hidden;
        background: #08080b;
      }
      .age-gate-overlay::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
          radial-gradient(circle at 50% 42%, rgba(8,8,11,.18) 0 12%, rgba(8,8,11,.56) 56%, rgba(8,8,11,.88) 100%),
          linear-gradient(180deg, rgba(8,8,11,.42), rgba(8,8,11,.72));
        pointer-events: none;
      }
      .age-gate-cover-wall {
        position: absolute;
        inset: 0;
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-auto-rows: minmax(220px, 34vh);
        gap: 12px;
        padding: 12px;
        opacity: 0;
        transform: scale(1.045);
        filter: saturate(.88) brightness(.76);
        transition: opacity .45s ease;
      }
      .age-gate-cover-wall.is-ready { opacity: 1; }
      .age-gate-cover-wall img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        border-radius: 14px;
        object-fit: cover;
        background: #18131a;
      }
      .age-gate-card {
        position: relative;
        z-index: 2;
        width: min(100%, 360px);
        overflow: hidden;
        padding: 25px 22px 22px;
        border: 1px solid rgba(255, 255, 255, 0.19);
        border-radius: 24px;
        background: linear-gradient(145deg, rgba(26, 21, 29, .86), rgba(13, 13, 17, .9));
        backdrop-filter: blur(22px) saturate(1.15);
        box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
        text-align: center;
      }
      .age-gate-mark {
        display: grid;
        place-items: center;
        width: 66px;
        height: 66px;
        margin: 0 auto 17px;
        border-radius: 20px;
        background: linear-gradient(135deg, #ff6158, #e72c74);
        color: #fff;
        font-size: 23px;
        font-weight: 900;
        box-shadow: 0 12px 34px rgba(231, 44, 116, 0.3);
      }
      .age-gate-card h1 {
        margin: 0;
        font-size: 24px;
      }
      .age-gate-card > p {
        margin: 13px 0 20px;
        color: #c1b8c4;
        line-height: 1.75;
      }
      .age-gate-actions {
        display: grid;
        gap: 9px;
      }
      .age-gate-actions button {
        min-height: 48px;
        border-radius: 13px;
        font-weight: 800;
      }
      .age-gate-confirm {
        border: 0;
        background: linear-gradient(135deg, #ff6158, #e72c74);
        color: #fff;
      }
      .age-gate-exit {
        border: 1px solid rgba(255, 255, 255, 0.13);
        background: transparent;
        color: #b9afbD;
      }
      .age-gate-card small {
        display: block;
        margin-top: 15px;
        color: #847b88;
        line-height: 1.55;
      }
      @media (max-width: 520px) {
        .age-gate-overlay { padding-inline: 20px; }
        .age-gate-cover-wall {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          grid-auto-rows: minmax(175px, 28vh);
          gap: 8px;
          padding: 8px;
          transform: scale(1.06);
        }
        .age-gate-cover-wall img { border-radius: 10px; }
        .age-gate-card {
          padding: 19px 16px 18px;
          border-radius: 20px;
        }
        .age-gate-card h1 {
          font-size: 22px;
        }
      }

/* network-status-ui */
.network-status-banner {
        position: sticky;
        top: 0;
        z-index: 75;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        min-height: 44px;
        padding: 8px 4%;
        border-bottom: 1px solid rgba(255, 200, 87, 0.34);
        background: rgba(55, 40, 20, 0.96);
        color: #f3ddad;
        backdrop-filter: blur(14px);
        font-size: 12px;
      }
      .network-status-banner button {
        min-height: 32px;
        padding: 5px 12px;
        border: 1px solid rgba(255, 255, 255, 0.24);
        border-radius: 999px;
        color: #fff;
        white-space: nowrap;
      }
      @media (max-width: 520px) {
        .network-status-banner {
          align-items: flex-start;
          justify-content: space-between;
          gap: 8px;
          padding: 9px 11px;
          font-size: 11px;
          line-height: 1.5;
        }
      }

/* guest-identity-style */
.profile-card .guest-id-line {
        margin: 6px 0 10px;
        color: #9a9aa3;
        font-size: 13px;
      }
      .profile-card .guest-id-line b {
        color: #d8d8de;
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
        letter-spacing: 0.06em;
      }
      .guest-profile-actions,
      .guest-name-editor {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 16px;
      }
      .guest-name-editor input {
        width: min(100%, 280px);
        min-height: 44px;
        padding: 0 14px;
        border: 1px solid #3f3f49;
        border-radius: 12px;
        outline: 0;
        background: #17171c;
        color: #fff;
        font-size: 16px;
      }
      .guest-name-editor input:focus {
        border-color: #ec237f;
        box-shadow: 0 0 0 3px rgba(236, 35, 127, 0.14);
      }
      .guest-name-editor small {
        flex-basis: 100%;
        color: #8f8f98;
      }
      @media (max-width: 699px) {
        .guest-profile-actions {
          display: grid;
          grid-template-columns: 1fr;
        }
        .guest-name-editor input {
          flex-basis: 100%;
          width: 100%;
        }
      }

/* adaptive-media-cards-v1 */
.watch-recommendations img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #24212a !important;
  }
  .watch-recommendations > div > button { align-self: start; }
  @media (max-width: 900px) {
    .consumer.is-watching .video-stage.is-short-video {
      width: 100%;
      height: auto !important;
      min-height: 0 !important;
      aspect-ratio: 16 / 9;
      background: #000;
    }
    .consumer.is-watching .video-stage.is-short-video video,
    .consumer.is-watching .video-stage.is-short-video iframe {
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      object-fit: contain !important;
      object-position: center !important;
      background: #000;
    }
  }

/* hero-composite-final */
.hero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .hero::before {
    content: "";
    position: absolute;
    inset: -32px;
    background-image: inherit;
    background-position: center;
    background-size: cover;
    filter: blur(28px) saturate(0.78);
    transform: scale(1.08);
    opacity: 0.4;
    z-index: 0;
  }
  @media (min-width: 901px) {
    .hero-art {
      width: 52% !important;
      height: 100% !important;
      right: 4% !important;
      left: auto !important;
      object-fit: contain !important;
      padding: 22px 0 !important;
    }
  }

/* watch-discovery-ui */
.watch-inline-comments,
  .watch-recommendations {
    margin: 18px 0 0;
    padding: 20px;
    border: 1px solid #302a37;
    border-radius: 16px;
    background: linear-gradient(145deg, #18151d, #111015);
  }
  .watch-inline-comments > header,
  .watch-recommendations > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
  }
  .watch-inline-comments header small,
  .watch-recommendations header small {
    color: #ff8c74;
    font-size: 9px;
    letter-spacing: 1.6px;
  }
  .watch-inline-comments header h2,
  .watch-recommendations header h2 { margin-top: 2px; font-size: 20px; }
  .watch-inline-comments header > span,
  .watch-recommendations header > button { color: #958b9c; font-size: 11px; }
  .watch-inline-comments form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }
  .watch-inline-comments textarea { min-height: 72px; resize: vertical; }
  .watch-recommendations > div {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 12px;
  }
  .watch-recommendations > div > button { min-width: 0; text-align: left; }
  .watch-recommendations img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 12px;
    background: #24212a;
    object-fit: cover;
  }
  .watch-recommendations strong,
  .watch-recommendations > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .watch-recommendations strong { margin-top: 8px; font-size: 13px; }
  .watch-recommendations > div small { margin-top: 3px; color: #857c8d; font-size: 10px; }
  @media (max-width: 900px) {
    body { background: #08070a; }
    .consumer.is-watching {
      height: auto;
      min-height: 100dvh;
      overflow: visible;
      background: #08070a;
    }
    .consumer.is-watching .topbar {
      border-bottom-color: rgba(255,255,255,.06);
      background: rgba(12,11,14,.96);
    }
    .consumer.is-watching .watch-page {
      display: block;
      height: auto;
      min-height: calc(100dvh - 48px - var(--bottom-nav-height));
      padding-bottom: 22px;
      overflow: visible;
    }
    .consumer.is-watching .watch-topline {
      height: 44px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      background: #0c0b0e;
    }
    .consumer.is-watching .watch-layout { height: auto; min-height: 0; }
    .consumer.is-watching .video-stage { height: min(58dvh, 560px); min-height: 390px; }
    .consumer.is-watching .mobile-player-controls,
    .consumer.is-watching .player-preferences { background: #0c0b0e; }
    .consumer.is-watching .mobile-nav {
      border-top-color: rgba(255,255,255,.07);
      background: rgba(12,11,14,.96);
      backdrop-filter: blur(16px);
    }
    .watch-inline-comments,
    .watch-recommendations { margin: 12px 10px 0; padding: 16px 14px; border-radius: 14px; }
    .watch-inline-comments form { grid-template-columns: 1fr; }
    .watch-inline-comments form button { width: 100%; }
    .watch-recommendations > div { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 10px; }
  }

/* dewu-embedded-player */
.dewu-embed-player {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 390px;
    border: 0;
    background: #000;
  }
  @media (min-width: 901px) {
    .dewu-embed-player { max-width: 560px; margin: 0 auto; }
  }

/* huangguo-v2-layout */
:root {
    --v2-bg: #0f0f0f;
    --v2-header: #282828;
    --v2-pink: #ec237f;
    --v2-muted: rgba(255, 255, 255, 0.55);
    --v2-edge: clamp(16px, 4.16vw, 80px);
  }
  body,
  .consumer {
    background: var(--v2-bg);
    color: #fff;
  }
  .consumer .topbar {
    position: sticky;
    top: 0;
    z-index: 70;
    min-height: 68px;
    padding: 0 var(--v2-edge);
    border-bottom: 0;
    background: var(--v2-header);
  }
  .consumer .topbar nav {
    gap: 8px;
  }
  .consumer .topbar nav button {
    min-height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    color: #fff;
  }
  .consumer .topbar nav button.active {
    background: var(--v2-pink);
    color: #fff;
    box-shadow: none;
  }
  .consumer .home,
  .consumer .site-footer {
    width: 100%;
    max-width: none;
  }
  .consumer .home > :not(.hero-layout) {
    margin-left: var(--v2-edge);
    margin-right: var(--v2-edge);
  }
  .consumer .home > .top-note,
  .consumer .home > .desktop-genre-rail,
  .consumer .home > .category-grid {
    display: none !important;
  }
  .consumer .home .hero-layout {
    display: block !important;
    width: 100%;
  }
  .consumer .hero {
    width: 100%;
    height: clamp(533px, 37vw, 710px);
    min-height: 533px;
    max-height: 710px;
    border-radius: 0;
    background-position: center;
  }
  .consumer .hero-art {
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: cover !important;
  }
  .consumer .hero-shade {
    background:
      linear-gradient(90deg, rgba(15, 15, 15, 0.92), rgba(15, 15, 15, 0.16) 68%),
      linear-gradient(0deg, #0f0f0f 0, transparent 42%);
  }
  .consumer .hero-content {
    left: var(--v2-edge);
    top: auto;
    bottom: 92px;
    max-width: 520px;
    padding: 0;
  }
  .consumer .hero-content h1 {
    margin: 10px 0;
    font-size: clamp(38px, 3.6vw, 62px);
  }
  .consumer .hero-bottom {
    left: auto;
    right: var(--v2-edge);
    bottom: 30px;
  }
  .consumer .hero-bottom > span {
    display: none;
  }
  .consumer .hero-dots {
    display: flex;
    gap: 9px;
  }
  .consumer .hero-dots button {
    width: 58px;
    height: 78px;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 8px;
    opacity: 0.58;
  }
  .consumer .hero-dots button.selected {
    border-color: var(--v2-pink);
    opacity: 1;
  }
  .consumer .hero-dots img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .v2-mobile-menu-toggle,
  .v2-mobile-actions,
  .v2-mobile-menu {
    display: none;
  }
  .v2-promo-rail {
    display: flex !important;
    gap: 12px;
    overflow-x: auto;
    padding: 18px 0;
  }
  .v2-promo-rail .site-ad-item {
    min-width: min(360px, 70vw);
  }
  .consumer .home-theatres,
  .consumer .site-ad-strip,
  .consumer .invite-banner {
    display: block !important;
  }
  .consumer .b2-home-shell {
    padding-top: 24px;
  }
  .v2-membership-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #7b4a68;
    border-radius: 16px;
    background: linear-gradient(110deg, #311827, #191919 62%);
  }
  .v2-membership-strip strong,
  .v2-membership-strip small {
    display: block;
  }
  .v2-membership-strip strong { margin-top: 4px; font-size: 18px; }
  .v2-membership-strip small { margin-top: 3px; color: var(--v2-muted); }
  .consumer .ranking-entry {
    display: none;
  }
  .consumer .theatre-section {
    margin-top: 42px;
  }
  .consumer .mature-home-head h2,
  .consumer .catalog .section-head h2 {
    position: relative;
    padding-left: 14px;
    font-size: 24px;
    line-height: 32px;
  }
  .consumer .mature-home-head h2::before,
  .consumer .catalog .section-head h2::before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 22px;
    border-radius: 99px;
    background: var(--v2-pink);
    content: "";
  }
  .consumer .v2-home-card-grid,
  .consumer .v2-catalog-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px 18px;
  }
  .consumer .v2-home-card-grid .b2-poster-card,
  .consumer .v2-catalog-grid .drama-card {
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 21px;
    background: rgba(255, 255, 255, 0.05);
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }
  .consumer .v2-home-card-grid .b2-poster-card > button,
  .consumer .v2-catalog-grid .drama-card {
    width: 100%;
    padding: 0 0 14px;
    text-align: left;
  }
  .consumer .v2-home-card-grid img,
  .consumer .v2-catalog-grid .poster {
    width: 100%;
    aspect-ratio: 5 / 7;
    border-radius: 21px 21px 0 0;
    object-fit: cover;
  }
  /* Preserve landscape artwork for short videos instead of forcing portrait crops. */
  .consumer .v2-home-card-grid .b2-poster-card.is-landscape-cover img,
  .consumer .watch-recommendations.is-short-video img {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .consumer .v2-home-card-grid strong,
  .consumer .v2-home-card-grid small,
  .consumer .v2-home-card-grid .v2-card-tags,
  .consumer .v2-catalog-grid .card-title-row,
  .consumer .v2-catalog-grid .drama-card > p {
    margin-left: 12px;
    margin-right: 12px;
  }
  .consumer .v2-home-card-grid strong {
    display: block;
    margin-top: 12px;
    overflow: hidden;
    color: #fff;
    font-size: 19px;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .consumer .v2-home-card-grid small,
  .consumer .v2-catalog-grid .drama-card > p {
    display: block !important;
    margin-top: 3px;
    overflow: hidden;
    color: var(--v2-muted);
    font-size: 14px;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v2-card-tags {
    display: flex;
    gap: 5px;
    margin-top: 8px;
    overflow: hidden;
  }
  .v2-card-tags i {
    flex: 0 0 auto;
    padding: 3px 7px;
    border-radius: 999px;
    background: #2f1b27;
    color: var(--v2-pink);
    font-size: 10px;
    font-style: normal;
  }
  .v2-rank-number {
    position: absolute;
    z-index: 3;
    margin: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    text-shadow: 0 2px 12px #000;
  }
  .v2-heat-score {
    position: absolute;
    z-index: 3;
    margin: 10px;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--v2-pink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
  }
  .v2-index-note {
    margin-top: 5px;
    color: var(--v2-muted);
    font-size: 12px;
  }
  .consumer .v2-category-page {
    padding-top: 24px;
  }
  .consumer .v2-category-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .v2-category-filter-rail {
    display: flex;
    gap: 22px;
    margin: 12px 0 4px;
    overflow-x: auto;
    border-bottom: 1px solid rgba(255,255,255,.08);
    scrollbar-width: none;
  }
  .v2-category-filter-rail button {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 0 7px;
    color: var(--v2-muted);
  }
  .v2-category-filter-rail button.selected {
    border-bottom: 2px solid var(--v2-pink);
    color: var(--v2-pink);
  }
  .mobile-discovery-taxonomy { display: none; }
  .consumer .v2-category-tabs button {
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .consumer .v2-category-tabs button.selected {
    border-bottom: 2px solid var(--v2-pink);
    color: var(--v2-pink);
    background: transparent;
  }
  .v2-catalog-tail-ads {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
  }
  .v2-catalog-tail-ads article {
    position: relative;
    overflow: hidden;
    min-height: 140px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: #191919;
  }
  .v2-catalog-tail-ads .site-ad-main {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr);
    grid-template-rows: auto auto auto;
    gap: 4px 14px;
    width: 100%;
    min-height: 140px;
    padding: 12px;
    text-align: left;
  }
  .v2-catalog-tail-ads .site-ad-main img {
    grid-row: 1 / 4;
    width: 150px;
    height: 116px;
    border-radius: 10px;
    object-fit: cover;
  }
  @media (min-width: 1700px) {
    .consumer .topbar { min-height: 90px; }
  }
  @media (max-width: 900px) {
    body { padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom)) !important; }
    .consumer {
      padding-top: calc(48px + env(safe-area-inset-top));
    }
    .consumer.has-floating-top-ad {
      padding-top: calc(136px + env(safe-area-inset-top));
    }
    .consumer .topbar {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      display: grid;
      grid-template-columns: 48px 1fr 88px;
      height: calc(48px + env(safe-area-inset-top));
      min-height: calc(48px + env(safe-area-inset-top));
      padding: env(safe-area-inset-top) 8px 0;
    }
    .consumer.is-watching {
      height: auto;
      min-height: 100dvh;
      padding-top: calc(48px + env(safe-area-inset-top));
      padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));
      overflow: visible;
    }
    .consumer.is-watching > .topbar { display: grid !important; }
    .consumer.is-watching .watch-page {
      height: calc(100dvh - 48px - var(--bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));
      min-height: 0;
    }
    .consumer .topbar > nav,
    .consumer .header-end {
      display: none !important;
    }
    .consumer .brand {
      justify-self: center;
    }
    .consumer .brand small { display: none; }
    .v2-mobile-menu-toggle,
    .v2-mobile-actions {
      display: flex;
      align-items: center;
    }
    .v2-mobile-menu-toggle {
      justify-content: center;
      width: 44px;
      height: 44px;
      color: #fff;
      font-size: 22px;
    }
    .v2-mobile-actions {
      justify-content: flex-end;
      gap: 2px;
    }
    .v2-mobile-actions button {
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      color: #fff;
      font-size: 20px;
    }
    .v2-mobile-actions .v2-mobile-avatar {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: var(--v2-pink);
      font-size: 13px;
      font-weight: 800;
    }
    .v2-mobile-menu {
      position: sticky;
      top: 48px;
      z-index: 65;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      padding: 8px 12px;
      background: #202020;
      box-shadow: 0 12px 28px #0008;
    }
    .v2-mobile-menu button {
      min-height: 44px;
      color: rgba(255,255,255,.7);
    }
    .v2-mobile-menu button.selected { color: var(--v2-pink); }
    .consumer .mobile-search-dock {
      position: sticky;
      top: 48px;
      z-index: 64;
      margin: 0;
      border-radius: 0;
    }
    .consumer .mobile-nav {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 80;
      width: 100%;
    }
    .consumer .home { padding: 0; }
    .consumer .home > :not(.hero-layout) {
      margin-left: 16px;
      margin-right: 16px;
    }
    .consumer .home .top-note,
    .consumer .home .desktop-genre-rail,
    .consumer .home .category-grid,
    .consumer .home-continue-card {
      display: none !important;
    }
    .consumer .hero {
      height: 230px;
      min-height: 230px;
      max-height: 230px;
    }
    .consumer .hero-art {
      padding: 0 !important;
      object-fit: cover !important;
      object-position: center 24% !important;
    }
    .consumer .hero-content {
      position: absolute;
      left: 16px;
      bottom: 18px;
      max-width: 58%;
      padding: 0;
    }
    .consumer .hero-kicker,
    .consumer .hero-tags,
    .consumer .hero-content p,
    .consumer .hero-synopsis-toggle,
    .consumer .hero-meta,
    .consumer .hero-buttons .glass {
      display: none !important;
    }
    .consumer .hero-content h1 {
      margin: 4px 0 7px;
      font-size: 21px;
      line-height: 1.15;
    }
    .consumer .hero-buttons .primary {
      width: auto;
      min-width: 96px;
      height: 34px;
      padding: 0 12px;
      font-size: 12px;
    }
    .consumer .hero-bottom {
      left: 50%;
      right: auto;
      bottom: 6px;
      transform: translateX(-50%);
    }
    .consumer .hero-dots { gap: 5px; }
    .consumer .hero-dots button {
      width: 6px;
      height: 6px;
      border: 0;
      border-radius: 50%;
      background: rgba(255,255,255,.45);
    }
    .consumer .hero-dots button.selected { background: var(--v2-pink); }
    .consumer .hero-dots img { display: none; }
    .v2-promo-rail { padding: 12px 0; }
    .consumer .b2-home-shell { padding-top: 8px; }
    .v2-membership-strip {
      align-items: flex-start;
      padding: 14px;
    }
    .v2-membership-strip strong { font-size: 14px; }
    .v2-membership-strip small { font-size: 10px; }
    .v2-membership-strip .primary { min-height: 38px; padding: 0 11px; }
    .consumer .theatre-section { margin-top: 28px; }
    .consumer .mature-home-head h2,
    .consumer .catalog .section-head h2 {
      padding-left: 10px;
      font-size: 16px;
      line-height: 22px;
    }
    .consumer .mature-home-head h2::before,
    .consumer .catalog .section-head h2::before {
      top: 3px;
      width: 3px;
      height: 16px;
    }
    .consumer .v2-home-card-grid,
    .consumer .v2-catalog-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px 7px;
    }
    .consumer .v2-home-card-grid .b2-poster-card,
    .consumer .v2-catalog-grid .drama-card {
      overflow: visible;
      border-radius: 0;
      background: transparent;
    }
    .consumer .v2-home-card-grid img,
    .consumer .v2-catalog-grid .poster {
      aspect-ratio: 3 / 4;
      border-radius: 12px;
    }
    .consumer .v2-home-card-grid strong,
    .consumer .v2-home-card-grid small,
    .consumer .v2-home-card-grid .v2-card-tags,
    .consumer .v2-catalog-grid .card-title-row,
    .consumer .v2-catalog-grid .drama-card > p {
      margin-left: 0;
      margin-right: 0;
    }
    .consumer .v2-home-card-grid strong,
    .consumer .v2-catalog-grid h3 {
      margin-top: 8px;
      font-size: 14px;
      line-height: 20px;
      white-space: nowrap;
    }
    .consumer .v2-home-card-grid small,
    .consumer .v2-catalog-grid .drama-card > p {
      font-size: 12px;
      line-height: 18px;
    }
    .consumer .catalog.v2-category-page {
      margin-top: 0;
      padding-top: 16px;
    }
    .desktop-discovery-taxonomy { display: none !important; }
    .mobile-discovery-taxonomy {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin: 12px 0 10px;
      overflow: visible;
    }
    .mobile-discovery-taxonomy button {
      min-width: 0;
      min-height: 38px;
      padding: 7px 5px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 10px;
      background: rgba(255,255,255,.05);
      color: var(--v2-muted);
      font-size: 13px;
    }
    .mobile-discovery-taxonomy button.selected {
      border-color: var(--v2-pink);
      background: rgba(236,35,127,.14);
      color: #fff;
    }
    .mobile-discovery-taxonomy .category-more {
      grid-column: 1 / -1;
      border-style: dashed;
      color: var(--v2-pink);
    }
    .consumer .v2-category-page .section-head .subtle,
    .consumer .v2-category-page .eyebrow {
      display: none;
    }
    .v2-catalog-tail-ads { grid-template-columns: 1fr; }
    .v2-catalog-tail-ads .site-ad-main {
      grid-template-columns: 96px minmax(0,1fr);
      min-height: 112px;
    }
    .v2-catalog-tail-ads .site-ad-main img {
      width: 96px;
      height: 88px;
    }
  }

/* home-pc-visual-polish */
@media (min-width: 901px) {
    .consumer .hero {
      border: 0;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .consumer .hero-art {
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      padding: 0 !important;
    }
  }

/* ops-addon-v1 */
.ops-addon {
    margin: 18px 28px 40px;
    padding: 28px;
    border: 1px solid #ffffff18;
    border-radius: 24px;
    background: linear-gradient(145deg, #17191f, #101116);
    color: #f6f7fb;
  }
  .ops-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
  }
  .ops-title small {
    color: #ff795f;
    letter-spacing: 0.14em;
  }
  .ops-title h2 {
    margin: 6px 0 0;
    font-size: 28px;
  }
  .ops-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .ops-grid article {
    padding: 18px;
    border: 1px solid #ffffff12;
    border-radius: 16px;
    background: #ffffff08;
  }
  .ops-grid b,
  .ops-grid code {
    display: block;
  }
  .ops-grid code {
    margin: 7px 0;
    color: #ff9a84;
  }
  .ops-grid p,
  .ops-note {
    color: #aeb3c2;
    line-height: 1.65;
  }
  .ops-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  .ops-kpis span {
    padding: 14px;
    border-radius: 12px;
    background: #ffffff08;
    border: 1px solid #ffffff10;
  }
  .ops-note {
    margin-top: 18px;
    padding: 16px;
    border-left: 3px solid #ff6450;
    background: #ffffff06;
  }
  @media (max-width: 800px) {
    .ops-addon {
      margin: 12px;
      padding: 18px;
    }
    .ops-grid,
    .ops-kpis {
      grid-template-columns: 1fr;
    }
    .admin-sidebar {
      overflow: auto;
    }
  }

/* synopsis-display-fix */
.hero-synopsis-toggle {
    min-height: 30px;
    padding: 4px 0;
    margin-top: 6px;
    color: #ffd2c7;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .hero.synopsis-open {
    min-height: 520px;
    height: auto;
    max-height: none;
  }
  .hero.synopsis-open .hero-content > p {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  @media (max-width: 900px) {
    .hero.synopsis-open {
      min-height: 520px;
      height: auto;
      max-height: none;
    }
    .hero.synopsis-open .hero-content {
      bottom: 54px;
    }
  }

/* home-hero-mobile-polish */
.consumer .v2-home-card-grid .b2-poster-card > .home-recommend-dismiss {
    position: absolute !important;
    top: 7px;
    right: 7px;
    bottom: auto;
    left: auto;
    z-index: 4;
    width: 32px !important;
    height: 32px;
    padding: 0 !important;
    text-align: center;
  }
  @media (max-width: 800px) {
    .consumer .home.b2-home-active .hero-layout {
      display: none !important;
    }
    .consumer .b2-featured-carousel {
      display: block !important;
      margin-top: 12px;
    }
    .consumer .b2-featured-hero {
      display: block !important;
      border: 0;
    }
    .consumer .b2-home-shell {
      padding-top: 0;
    }
  }

/* mobile-navigation-icon-polish */
.mobile-nav-icon-box {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin: 0 auto 2px;
  }
  .mobile-nav-icon {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
  }
  @media (max-width: 900px) {
    .consumer .mobile-nav > button {
      align-items: center;
      justify-content: center;
      min-height: 48px;
      gap: 2px;
    }
    .consumer .mobile-nav .mobile-primary-nav-item .mobile-nav-icon-box {
      width: 24px;
      height: 24px;
      margin: 0 auto 2px;
      border-radius: 50%;
      background: transparent;
      box-shadow: 0 0 0 2px currentColor, 0 0 0 5px rgba(247, 45, 145, .16);
      color: var(--juhe-accent);
    }
    .consumer .mobile-nav .mobile-primary-nav-item .mobile-reels-art {
      display: contents;
      width: auto;
      height: auto;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
  }

/* watch-discovery-mobile-final */
@media (max-width: 900px) {
    .consumer.is-watching .watch-page {
      display: block !important;
      height: auto !important;
      min-height: calc(100dvh - 48px - var(--bottom-nav-height)) !important;
      padding-bottom: 22px !important;
      overflow: visible !important;
    }
    .consumer.is-watching .watch-layout {
      height: auto !important;
      min-height: 0 !important;
    }
    .consumer.is-watching .video-stage {
      height: min(58dvh, 560px) !important;
      min-height: 390px !important;
    }
  }

/* member-compact-mobile-v1 */
.member-more > summary {
    cursor: pointer;
    list-style: none;
    color: #ded7dc;
    font-size: 13px;
    font-weight: 750;
  }
  .member-more > summary::-webkit-details-marker { display: none; }
  .member-more > summary::after { content: "展开"; float: right; color: #9c949b; font-size: 11px; font-weight: 500; }
  .member-more[open] > summary::after { content: "收起"; }
  .member-benefit-comparison.member-more .member-benefit-table,
  .member-purchase-notes.member-more ul { margin-top: 12px; }
  .member-tier-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .member-tier-grid .member-tier-block { margin: 0; }
  @media (max-width: 680px) {
    .modal:has(.member-benefit-hero) { padding: 14px 14px 88px !important; }
    .modal:has(.member-benefit-hero) > .eyebrow { font-size: 9px; }
    .modal:has(.member-benefit-hero) > h2 { margin: 2px 0 9px !important; font-size: 22px !important; }
    .member-benefit-hero { margin: 8px 0 10px !important; padding: 13px !important; border-radius: 16px !important; }
    .member-benefit-heading { gap: 10px !important; }
    .member-benefit-art { width: 42px !important; height: 42px !important; border-radius: 13px !important; font-size: 18px !important; }
    .member-benefit-heading small { font-size: 8px !important; }
    .member-benefit-heading h3 { margin: 1px 0 0 !important; font-size: 18px !important; }
    .member-benefit-heading p { display: none !important; }
    .member-benefit-icons { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 6px !important; margin-top: 10px !important; }
    .member-benefit-icons span { min-height: 50px !important; padding: 7px 3px !important; border-radius: 10px !important; font-size: 8px !important; }
    .member-benefit-icons b { font-size: 14px !important; }
    .member-section-label { margin-top: 11px !important; }
    .member-tier-grid { gap: 7px !important; }
    .member-tier-block { min-width: 0; margin: 0 !important; padding: 6px !important; gap: 0 !important; border-radius: 14px !important; }
    .member-tier-head { display: none !important; }
    .member-plans { margin-top: 0 !important; }
    .member-plan-card { position: relative; display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 2px 7px; min-height: 68px !important; padding: 10px !important; border-radius: 11px !important; }
    .member-plan-card strong { grid-column: 1; font-size: 14px !important; }
    .member-plan-card small { grid-column: 1; margin: 0 !important; font-size: 9px !important; }
    .member-plan-card .member-plan-price { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 17px !important; }
    .member-plan-card > span { display: none !important; }
    .member-plan-badge { position: absolute; right: 11px; top: 5px; transform: translateY(-100%); }
    .permanent-plan { min-height: 0 !important; padding: 12px 13px !important; border-radius: 13px !important; }
    .permanent-plan strong { font-size: 15px !important; }
    .permanent-plan .member-plan-price { float: right; margin-right: 3px; font-size: 19px !important; }
    .permanent-benefits { display: none !important; }
    .member-benefit-comparison,
    .member-purchase-notes { margin-top: 9px !important; padding: 12px 13px !important; border-radius: 12px !important; }
    .member-benefit-table { font-size: 9px !important; }
    .member-benefit-table th,
    .member-benefit-table td { padding: 7px 3px !important; }
    .member-purchase-notes li { font-size: 9px !important; }
    .payment-checkout-tray { padding: 13px !important; }
  }

/* member-close-visible-v1 */
@media (max-width: 680px) {
    .modal:has(.member-benefit-hero) > .modal-close {
      position: fixed !important;
      top: calc(env(safe-area-inset-top, 0px) + 134px) !important;
      right: max(12px, env(safe-area-inset-right, 0px)) !important;
      left: auto !important;
      z-index: 10020 !important;
      display: grid !important;
      place-items: center !important;
      width: 42px !important;
      height: 42px !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: none !important;
      border: 1px solid rgba(255,255,255,.42) !important;
      border-radius: 50% !important;
      background: rgba(12,12,15,.94) !important;
      box-shadow: 0 8px 24px rgba(0,0,0,.48) !important;
      color: #fff !important;
      font-size: 30px !important;
      font-weight: 300 !important;
      line-height: 1 !important;
      opacity: 1 !important;
      visibility: visible !important;
    }
  }