/* ---- inline ---- */
:root {
        --deep: #051421;
        --deep-2: #0b2234;
        --panel: #ffffff;
        --paper: #f5f8fb;
        --line: #dfe8ef;
        --line-strong: #b9d8d7;
        --text: #122033;
        --muted: #6b7788;
        --brand: #16d9b0;
        --brand-dark: #078c73;
        --blue: #2678ff;
        --orange: #ff7a1a;
        --red: #ef4444;
        --shadow: 0 18px 45px rgba(15, 35, 56, .12);
      }
      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      body {
        margin: 0;
        background: var(--paper);
        color: var(--text);
        font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
        overflow-x: hidden;
      }
      button, input, select, textarea { font: inherit; }
      button, a { -webkit-tap-highlight-color: transparent; }
      a { color: inherit; text-decoration: none; }
      button { cursor: pointer; }
      .shell { width: 100%; min-height: 100vh; }
      .hero-wrap {
        position: relative;
        overflow: hidden;
        min-height: 380px;
        background:
          radial-gradient(circle at 78% 38%, rgba(22, 217, 176, .24), transparent 24%),
          radial-gradient(circle at 70% 72%, rgba(38, 120, 255, .25), transparent 22%),
          linear-gradient(115deg, #061522 0%, #071927 48%, #082033 100%);
        color: #fff;
      }
      .hero-wrap::before {
        content: "";
        position: absolute;
        inset: 78px 0 0;
        opacity: .28;
        background:
          linear-gradient(120deg, transparent 0 38%, rgba(22,217,176,.9) 39%, transparent 41% 100%),
          linear-gradient(150deg, transparent 0 55%, rgba(38,120,255,.8) 56%, transparent 58% 100%),
          repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 110px);
        clip-path: polygon(0 6%, 54% 6%, 61% 0, 100% 0, 100% 100%, 0 100%);
      }
      .hero-wrap::after {
        content: "";
        position: absolute;
        right: -120px;
        bottom: -90px;
        width: 760px;
        height: 330px;
        border-top: 18px solid rgba(22,217,176,.55);
        border-radius: 50%;
        filter: blur(.2px);
        transform: rotate(-10deg);
        box-shadow: 0 -18px 0 rgba(38,120,255,.18), 0 -36px 0 rgba(31,199,255,.12);
      }
      .topbar {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 76px;
        padding: 0 clamp(20px, 4vw, 48px);
        border-bottom: 1px solid rgba(255,255,255,.12);
        background: rgba(2, 14, 24, .72);
        backdrop-filter: blur(14px);
      }
      .brand { display: flex; align-items: center; gap: 12px; min-width: 230px; }
      .brand img { width: 62px; height: 62px; object-fit: contain; }
      .brand-text strong { display: block; font-size: 22px; line-height: 1; letter-spacing: 0; }
      .brand-text span { display: block; margin-top: 5px; color: var(--brand); font-size: 11px; font-weight: 900; letter-spacing: 3px; }
      .nav { display: flex; align-items: stretch; gap: 26px; height: 76px; }
      .nav button {
        position: relative;
        border: 0;
        background: transparent;
        color: rgba(255,255,255,.84);
        font-weight: 800;
        font-size: 16px;
      }
      .nav button.active { color: var(--brand); }
      .nav button.active::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        background: var(--brand);
      }
      .top-actions { display: flex; align-items: center; gap: 18px; color: rgba(255,255,255,.86); }
      .icon-text, .login {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 42px;
        border: 0;
        background: transparent;
        color: inherit;
        font-weight: 800;
      }
      .login { padding: 0 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; }
      .avatar { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.14); display: grid; place-items: center; }
      .hero {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
        gap: clamp(20px, 5vw, 72px);
        max-width: 1320px;
        margin: 0 auto;
        padding: 34px clamp(20px, 4vw, 48px) 26px;
      }
      .hero-copy { align-self: center; }
      .eyebrow { margin: 0 0 14px; color: var(--brand); font-weight: 900; }
      .hero h1 { margin: 0; font-size: clamp(38px, 4.2vw, 60px); line-height: 1.1; letter-spacing: 0; }
      .hero h1 span { color: var(--brand); }
      .hero-sub { margin: 16px 0 28px; color: rgba(255,255,255,.83); font-size: 19px; line-height: 1.7; }
      .search {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 120px;
        width: min(660px, 100%);
        overflow: hidden;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 22px 55px rgba(0,0,0,.28);
      }
      .search input {
        min-width: 0;
        height: 54px;
        border: 0;
        padding: 0 20px;
        outline: none;
        color: var(--text);
        font-size: 15px;
      }
      .search button {
        border: 0;
        background: linear-gradient(135deg, var(--brand), #078f74);
        color: #fff;
        font-weight: 900;
        font-size: 16px;
      }
      .hotline { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 16px; color: rgba(255,255,255,.86); font-size: 13px; }
      .hotline .hot-label { color: #ffb24a; font-weight: 900; }
      .hotline button {
        min-height: 30px;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 7px;
        background: rgba(5, 20, 33, .7);
        color: #fff;
        padding: 0 12px;
      }
      .trust-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
      .trust-item { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; color: rgba(255,255,255,.9); }
      .trust-item i { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(22,217,176,.48); border-radius: 10px; color: var(--brand); font-style: normal; }
      .trust-item strong { display: block; font-size: 14px; }
      .trust-item span { display: block; margin-top: 3px; color: rgba(255,255,255,.62); font-size: 12px; }
      .hero-logo { position: relative; min-height: 300px; display: grid; place-items: center; }
      .hero-logo img { width: min(350px, 76%); max-height: 300px; object-fit: contain; opacity: .58; mix-blend-mode: screen; filter: drop-shadow(0 26px 55px rgba(0,0,0,.32)); }
      .service-card {
        display: none;
        position: absolute;
        right: 0;
        bottom: 8px;
        width: 180px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 8px;
        background: rgba(11, 34, 52, .78);
        backdrop-filter: blur(12px);
        padding: 16px;
        box-shadow: 0 18px 50px rgba(0,0,0,.25);
      }
      .service-card strong { display: block; color: #fff; font-size: 17px; }
      .service-card span { display: block; margin: 4px 0 12px; color: rgba(255,255,255,.62); font-size: 12px; }
      .service-card button { width: 100%; height: 34px; border: 1px solid rgba(255,255,255,.45); border-radius: 6px; background: transparent; color: #fff; font-weight: 900; }
      .content-shell { max-width: 1480px; margin: -8px auto 0; padding: 0 clamp(20px, 3.4vw, 42px) 46px; }
      .quick-panel {
        position: relative;
        z-index: 3;
        display: grid;
        grid-template-columns: 136px minmax(0, 1fr) auto;
        gap: 18px;
        align-items: end;
        margin-bottom: 18px;
        padding: 20px 24px;
        border: 1px solid var(--line);
        border-radius: 22px 22px 8px 8px;
        background: rgba(255,255,255,.97);
        box-shadow: var(--shadow);
      }
      .filter-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 56px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        color: var(--brand-dark);
        font-weight: 900;
      }
      .select-grid { display: grid; grid-template-columns: repeat(4, minmax(128px, 1fr)); gap: 14px; }
      .select-box label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; font-weight: 800; }
      .select-box select, .select-box input { width: 100%; height: 38px; border: 1px solid var(--line); border-radius: 7px; background: #fff; padding: 0 12px; color: var(--text); outline: none; }
      .view-tools { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 14px; white-space: nowrap; }
      .clear-filter-btn {
        height: 38px;
        border: 1px solid #bfe6dc;
        border-radius: 7px;
        background: #f1fffb;
        color: var(--brand-dark);
        padding: 0 12px;
        font-weight: 900;
      }
      .view-icon, .sort-select {
        height: 38px;
        border: 1px solid var(--line);
        border-radius: 7px;
        background: #fff;
        color: var(--text);
      }
      .view-icon { width: 38px; color: var(--brand-dark); font-weight: 900; }
      .sort-select { padding: 0 12px; }
      .emotion-strip { display: none; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 18px; }
      .emotion-card {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        padding: 15px;
        box-shadow: 0 8px 24px rgba(15, 35, 56, .06);
      }
      .emotion-card strong { display: block; margin-bottom: 6px; font-size: 15px; }
      .emotion-card span { color: var(--muted); font-size: 12px; line-height: 1.55; }
      .filter-panel, .sort-panel { display: none; }
      .result-panel, .detail-section, .owner-section {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: rgba(255,255,255,.98);
        box-shadow: 0 10px 32px rgba(15, 35, 56, .08);
      }
      .result-panel { padding: 18px; }
      .result-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 14px; }
      .result-head h2 { margin: 0; font-size: 20px; }
      .result-head span { color: var(--muted); font-size: 14px; }
      .cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
      .account-card { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgba(16, 32, 48, .07); transition: transform .18s ease, box-shadow .18s ease; }
      .account-card:hover { transform: translateY(-3px); box-shadow: 0 20px 45px rgba(16, 32, 48, .13); }
      .shot { position: relative; aspect-ratio: 16 / 7.4; background: #0f172a; }
      .shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
      .shot::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.18), transparent 45%, rgba(0,0,0,.1)); pointer-events: none; }
      .status-pill { position: absolute; z-index: 1; top: 8px; left: 8px; display: inline-flex; align-items: center; height: 26px; border-radius: 5px; background: linear-gradient(135deg, #0fb97c, #0a8f6d); color: #fff; padding: 0 10px; font-size: 13px; font-weight: 900; }
      .account-card.renting .status-pill { background: #ff8a1f; }
      .account-card.maintain .status-pill { background: #2678ff; }
      .online-pill { position: absolute; z-index: 1; right: 8px; top: 8px; display: inline-flex; align-items: center; gap: 6px; height: 26px; border-radius: 999px; background: rgba(0,0,0,.68); color: #fff; padding: 0 9px; font-size: 12px; font-weight: 900; }
      .online-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }
      .card-body { padding: 12px; }
      .card-title-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid #edf2f6; }
      .card-id { margin: 0; font-size: 15px; font-weight: 900; letter-spacing: 0; }
      .insured { border: 1px solid #cfe0ff; border-radius: 5px; background: #f3f7ff; color: var(--blue); padding: 4px 7px; font-size: 12px; font-weight: 900; white-space: nowrap; }
      .metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 11px 0; border-bottom: 1px solid #edf2f6; }
      .metric { text-align: center; border-right: 1px solid #edf2f6; }
      .metric:last-child { border-right: 0; }
      .metric span { display: block; color: var(--muted); font-size: 12px; }
      .metric strong { display: block; margin-top: 5px; font-size: 15px; color: var(--text); }
      .metric.coin strong { color: var(--brand-dark); font-size: 18px; }
      .metric.rent strong { color: var(--orange); }
      .spec-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 10px 0; color: #596579; font-size: 13px; }
      .tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
      .tag-row span { border: 1px solid #edf2f6; border-radius: 5px; background: #f8fafc; padding: 4px 7px; color: #5f6b7c; font-size: 12px; }
      .price-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
      .price-row b, .price-row small { display: none; }
      .card-action, .consult-action { height: 42px; border-radius: 7px; font-weight: 900; }
      .card-action { border: 0; background: linear-gradient(135deg, #10b891, #078c73); color: #fff; }
      .consult-action { border: 1px solid var(--blue); background: #fff; color: var(--blue); }
      .detail-section { margin-top: 18px; padding: 20px; overflow-x: hidden; }
      .detail-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
      .detail-head h2 { margin: 0 0 6px; font-size: 24px; }
      .detail-head p { margin: 0; color: var(--muted); font-size: 13px; }
      .detail-shot { overflow: hidden; margin-bottom: 16px; border-radius: 8px; background: #0f172a; aspect-ratio: 16 / 7; }
      .detail-shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
      .detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
      .detail-item { border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: #fff; }
      .detail-item span { display: block; color: var(--muted); font-size: 12px; }
      .detail-item strong { display: block; margin-top: 5px; font-size: 16px; }
      .detail-note, .owner-copy, .form-intro { border-radius: 8px; background: #f8fbfc; padding: 12px; color: #405066; font-size: 13px; line-height: 1.8; }
      .detail-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) 360px; gap: 18px; align-items: start; }
      .detail-summary { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 16px; }
      .detail-summary h3 { margin: 0; font-size: 22px; }
      .detail-price-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 8px; margin: 12px 0; }
      .detail-price-grid div { border: 1px solid #edf2f6; border-radius: 8px; padding: 10px; text-align: center; }
      .detail-price-grid span { display: block; color: var(--muted); font-size: 12px; }
      .detail-price-grid strong { display: block; margin-top: 5px; font-size: 18px; }
      .detail-spec-list { display: grid; gap: 8px; margin-top: 12px; }
      .detail-spec-list div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid #eef3f6; padding-bottom: 8px; color: #405066; font-size: 13px; }
      .detail-spec-list div:last-child { border-bottom: 0; padding-bottom: 0; }
      .detail-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
      .detail-tags span { border: 1px solid #dcecf0; border-radius: 999px; background: #f7fbfc; padding: 5px 9px; color: #405066; font-size: 12px; }
      .owner-section { margin-top: 18px; overflow: hidden; }
      .owner-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
      .owner-head h2 { margin: 0 0 5px; font-size: 22px; }
      .owner-head p { margin: 0; color: var(--muted); font-size: 13px; }
      .owner-copy { margin: 16px 20px 0; border: 1px solid #caece5; background: #f1fffb; }
      .owner-copy strong { color: var(--brand-dark); }
      .owner-form { padding: 20px; }
      .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
      label { display: grid; gap: 7px; font-size: 13px; font-weight: 900; }
      label.full { grid-column: 1 / -1; }
      label em { color: var(--red); font-style: normal; }
      .helper { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.55; }
      input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; background: #fff; outline: none; }
      input, select { height: 38px; padding: 0 10px; }
      textarea { min-height: 90px; padding: 10px; resize: vertical; }
      input:focus, select:focus, textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(22,217,176,.14); }
      .upload-box { display: grid; place-items: center; min-height: 96px; border: 1px dashed #b6cbdc; border-radius: 8px; background: #f8fafc; color: var(--muted); font-size: 13px; }
      .unit-input { display: grid; grid-template-columns: minmax(0, 1fr) 48px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
      .unit-input input { border: 0; border-radius: 0; }
      .unit-input span { display: grid; place-items: center; border-left: 1px solid var(--line); background: #f8fafc; color: var(--muted); font-weight: 900; }
      .owner-form-v2 { padding: 6px 20px 20px; }
      .owner-form-v2 .form-actions { border-top: 1px solid var(--line); margin-top: 4px; }
      .owner-form-section { padding: 18px 0 20px; border-top: 1px solid var(--line); }
      .owner-form-section:first-child { border-top: 0; }
      .owner-form-section h3 { margin: 0 0 16px; font-size: 16px; color: var(--text); }
      .owner-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 34px; }
      .form-field { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: start; gap: 12px; }
      .form-field > span { min-height: 40px; display: flex; align-items: center; justify-content: flex-end; text-align: right; color: #2e4054; white-space: nowrap; }
      .form-field input, .form-field select, .form-field textarea, .asset-fee-row input { height: 40px; border-radius: 6px; }
      .form-field textarea { min-height: 86px; padding-top: 10px; line-height: 1.55; }
      .field-note { grid-column: 2; margin-top: -7px; color: var(--red); font-size: 12px; font-weight: 700; line-height: 1.5; }
      .field-tip { grid-column: 2; margin-top: -7px; color: #65758a; font-size: 12px; font-weight: 700; line-height: 1.5; }
      .field-wide { grid-column: 1 / -1; grid-template-columns: 108px minmax(0, 1fr); }
      .asset-fee-table { display: grid; gap: 10px; }
      .asset-fee-head, .asset-fee-row { display: grid; grid-template-columns: 116px minmax(130px, 1fr) 170px 92px 100px; gap: 12px; align-items: center; }
      .asset-fee-head { color: var(--muted); font-size: 12px; font-weight: 900; padding-left: 0; }
      .asset-fee-row > label { display: flex; align-items: center; justify-content: flex-end; min-height: 40px; color: #2e4054; font-weight: 900; white-space: nowrap; }
      .asset-fee-row em { color: var(--red); font-style: normal; margin-right: 4px; }
      .asset-fee-row input { padding: 0 10px; }
      .asset-fee-row > span { color: var(--muted); font-weight: 800; }
      .asset-fee-row strong { color: var(--red); font-size: 13px; }
      .radio-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; }
      .radio-pair label { display: flex; align-items: center; gap: 6px; color: #3f5167; font-weight: 900; }
      .radio-pair input { width: 16px; height: 16px; padding: 0; accent-color: var(--brand); }
      .upload-grid { display: grid; grid-template-columns: repeat(4, 148px); gap: 22px; padding-left: 120px; }
      .upload-field { width: 148px; display: grid; gap: 8px; color: #2e4054; font-weight: 900; }
      .upload-field span { min-height: 20px; }
      .upload-field b { position: relative; display: grid; place-items: center; width: 148px; height: 148px; overflow: hidden; border: 1px dashed #b7c9d8; border-radius: 8px; background: #fbfdff; color: #8795a3; font-size: 34px; font-weight: 300; }
      .upload-field b.has-preview { border-style: solid; border-color: #18d6b2; background: #eafff8; }
      .upload-field b img { width: 100%; height: 100%; object-fit: cover; }
      .upload-field b small { position: absolute; right: 6px; top: 6px; min-height: 22px; border-radius: 999px; background: rgba(2, 22, 31, .76); color: #fff; padding: 3px 7px; font-size: 12px; font-weight: 900; }
      .upload-field b span { display: grid; place-items: center; width: 100%; height: 100%; font-size: 34px; }
      .upload-clear { position: absolute; right: 6px; bottom: 6px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(220,38,38,.94); color: #fff; font-size: 18px; line-height: 1; font-weight: 900; cursor: pointer; box-shadow: 0 6px 16px rgba(15,23,42,.18); }
      .upload-clear:hover { background: #b91c1c; }
      .upload-field input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
      .hidden-control { display: none; }
      .form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; }
      .submit, .ghost-btn { height: 40px; border: 0; border-radius: 8px; padding: 0 18px; font-weight: 900; }
      .submit { background: var(--brand); color: #042019; }
      .ghost-btn { background: #eef3f6; color: var(--text); }
      .bottom-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 18px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
      .bottom-trust div { display: grid; grid-template-columns: 38px 1fr; gap: 10px; align-items: center; padding: 18px; border-right: 1px solid var(--line); }
      .bottom-trust div:last-child { border-right: 0; }
      .bottom-trust i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #bde9dd; color: var(--brand-dark); font-style: normal; }
      .bottom-trust strong { display: block; font-size: 15px; }
      .bottom-trust span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
      .side-tools { display: none; position: fixed; right: 24px; bottom: 88px; z-index: 20; gap: 10px; }
      .side-tools button { width: 62px; min-height: 62px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.96); color: var(--text); font-size: 12px; font-weight: 900; box-shadow: 0 12px 30px rgba(15,35,56,.12); }
      .mobile-tabbar { display: none; }
      .notice { position: fixed; left: 50%; top: 18px; z-index: 80; display: none; transform: translateX(-50%); max-width: calc(100vw - 24px); border-radius: 8px; background: #effff9; border: 1px solid #9debd7; padding: 11px 15px; color: #075331; box-shadow: 0 12px 40px rgba(15,23,42,.18); }
      .notice.show { display: block; }
      .form-error-bar {
        margin: 0 0 16px;
        border: 1px solid #fecaca;
        border-left: 4px solid #ef4444;
        border-radius: 8px;
        background: #fff1f2;
        color: #b91c1c;
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 800;
      }
      .plain-login { border: 0; background: transparent; cursor: pointer; }
      .view-hidden { display: none; }
      .login-backdrop { position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; background: rgba(15,23,42,.55); padding: 16px; }
      .login-backdrop.show { display: flex; }
      .login-panel { width: min(390px, 100%); border-radius: 12px; background: #fff; padding: 20px; box-shadow: 0 24px 70px rgba(15,23,42,.3); }
      .login-panel h2 { margin: 0 0 10px; font-size: 22px; }
      .login-panel p { margin: 0 0 14px; color: var(--muted); font-size: 13px; line-height: 1.6; }
      .auth-trust-copy { display: grid; gap: 7px; margin: 0 0 14px; padding: 10px 12px; border: 1px solid rgba(19, 200, 173, .26); border-radius: 10px; background: linear-gradient(135deg, #f4fffc, #f7fbff); color: #31465b; }
      .auth-trust-copy .welcome { color: #008574; font-size: 14px; font-weight: 1000; }
      .auth-trust-copy .trust-line { color: #536778; font-size: 12px; line-height: 1.55; }
      .auth-trust-copy .trust-tags { display: flex; flex-wrap: wrap; gap: 6px; }
      .auth-trust-copy .trust-tags b { padding: 3px 8px; border-radius: 999px; background: #e8fbf7; color: #007f70; font-size: 11px; font-weight: 900; }
      @media (max-width: 1180px) {
        .cards { grid-template-columns: repeat(3, 1fr); }
        .select-grid { grid-template-columns: repeat(3, minmax(118px, 1fr)); }
        .quick-panel { grid-template-columns: 120px minmax(0, 1fr); }
        .view-tools { grid-column: 1 / -1; justify-content: flex-end; }
      }
      @media (max-width: 760px) {
        body { background: #f4f7fa; }
        .hero-wrap { min-height: auto; border-radius: 0 0 24px 24px; }
        .hero-wrap::before { inset: 120px 0 0; opacity: .32; }
        .hero-wrap::after { width: 440px; height: 200px; right: -150px; bottom: 36px; border-top-width: 12px; }
        .topbar { min-height: 144px; padding: 18px 18px 12px; align-items: flex-start; }
        .brand { min-width: 0; gap: 10px; }
        .brand img { width: 70px; height: 70px; }
        .brand-text strong { font-size: 24px; }
        .brand-text span { font-size: 11px; letter-spacing: 4px; }
        .nav, .top-actions .icon-text:first-child, .login { display: none; }
        .top-actions { margin-top: 22px; }
        .icon-text { height: 34px; font-size: 17px; }
        .hero { display: block; padding: 18px 18px 24px; }
        .hero-copy { text-align: center; }
        .eyebrow { display: none; }
        .hero h1 { font-size: 29px; line-height: 1.18; }
        .hero h1 span { color: #fff; }
        .hero-sub { margin: 9px 0 18px; font-size: 15px; line-height: 1.6; }
        .search { grid-template-columns: minmax(0, 1fr) 96px; width: 100%; border-radius: 999px; }
        .search input { height: 58px; padding: 0 18px; font-size: 14px; }
        .search button { border-radius: 999px; margin: 5px; }
        .hotline { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; margin-top: 20px; }
        .hotline::-webkit-scrollbar, .select-grid::-webkit-scrollbar { display: none; }
        .hotline, .select-grid { scrollbar-width: none; }
        .hotline .hot-label { display: none; }
        .hotline button { flex: 0 0 auto; border-radius: 999px; background: rgba(255,255,255,.95); color: var(--text); border: 0; min-height: 38px; }
        .trust-row, .hero-logo { display: none; }
        .content-shell { margin: 0; padding: 14px 14px 86px; }
        .quick-panel { display: block; padding: 0; margin-bottom: 12px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
        .filter-trigger { display: none; }
        .view-tools { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; }
        .view-tools .view-icon { display: none; }
        .view-tools .sort-select { width: 120px; }
        .clear-filter-btn { flex: 0 0 auto; height: 36px; }
        .select-grid { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; }
        .select-box { flex: 0 0 auto; }
        .select-box label { display: none; }
        .select-box select { width: auto; min-width: 106px; height: 42px; border-radius: 999px; background: #fff; font-weight: 800; }
        .emotion-strip { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; }
        .emotion-card { padding: 12px; }
        .emotion-card:nth-child(n+5) { display: none; }
        .result-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
        .result-head { display: block; margin: 2px 0 10px; }
        .result-head h2 { font-size: 18px; }
        .result-head span { display: block; margin-top: 4px; font-size: 12px; }
        .cards { grid-template-columns: 1fr; gap: 14px; }
        .account-card { border-radius: 14px; box-shadow: 0 12px 28px rgba(15,35,56,.12); }
        .shot { aspect-ratio: 16 / 8.4; }
        .card-body { padding: 14px; }
        .card-id { font-size: 20px; }
        .metric-row { padding: 14px 0; }
        .metric strong { font-size: 17px; }
        .metric.coin strong { font-size: 24px; }
        .spec-row { font-size: 15px; padding: 12px 0; }
        .price-row { grid-template-columns: 1fr 1fr; }
        .card-action, .consult-action { height: 50px; font-size: 17px; }
        .bottom-trust, .side-tools { display: none; }
        .detail-section, .owner-section { margin-top: 12px; border-radius: 12px; }
        .detail-layout { grid-template-columns: 1fr; }
        .detail-grid { grid-template-columns: repeat(2, 1fr); }
        .detail-head { flex-direction: column; }
        .form-grid { grid-template-columns: 1fr; }
        .owner-field-grid { grid-template-columns: 1fr; gap: 12px; }
        .form-field, .field-wide { grid-template-columns: 1fr; gap: 6px; }
        .form-field > span { justify-content: flex-start; text-align: left; min-height: auto; }
        .field-note { grid-column: 1; margin-top: -4px; }
        .field-tip { grid-column: 1; margin-top: -4px; }
        .asset-fee-table { overflow-x: auto; padding-bottom: 4px; }
        .asset-fee-head, .asset-fee-row { min-width: 660px; }
        .upload-grid { grid-template-columns: 1fr; padding-left: 0; gap: 14px; }
        .upload-field, .upload-field b { width: 100%; }
        .upload-field b { height: 132px; }
        .owner-head { align-items: flex-start; flex-direction: column; }
        .notice { top: auto; bottom: 78px; }
        .mobile-tabbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 40; display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; height: 72px; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(16px); box-shadow: 0 -14px 30px rgba(15,35,56,.08); }
        .mobile-tabbar button, .mobile-tabbar a { display: grid; place-items: center; gap: 2px; min-height: 58px; border: 0; background: transparent; color: #6b7788; font-size: 12px; font-weight: 900; }
        .mobile-tabbar .active-mobile { color: var(--brand-dark); }
        .mobile-tabbar .publish-fab { transform: translateY(-17px); }
        .mobile-tabbar .publish-fab span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(135deg, var(--brand), var(--brand-dark)); color: #fff; box-shadow: 0 12px 28px rgba(7,140,115,.35); font-size: 24px; }
      }


/* ---- dark-asset-ui-override ---- */
body {
        background:
          radial-gradient(circle at 74% 8%, rgba(22, 217, 176, .16), transparent 28%),
          linear-gradient(180deg, #061016 0%, #09151c 46%, #101820 100%);
      }
      .hero-wrap {
        min-height: 470px;
        background:
          radial-gradient(circle at 47% -20%, rgba(72, 236, 255, .32), transparent 30%),
          radial-gradient(circle at 82% 58%, rgba(22, 217, 176, .18), transparent 28%),
          linear-gradient(115deg, rgba(3, 18, 26, .97) 0%, rgba(4, 31, 42, .9) 50%, rgba(2, 14, 22, .96) 100%),
          url("/assets/accounts/S00173M.png");
        background-size: cover;
        background-position: center;
      }
      .hero-wrap::before { opacity: .32; }
      .hero-wrap::after {
        right: -80px;
        bottom: -8px;
        width: 860px;
        height: 310px;
        border-top: 22px solid rgba(22, 203, 237, .55);
        box-shadow: 0 -20px 0 rgba(38,120,255,.22), 0 -40px 0 rgba(22,217,176,.12);
      }
      .topbar { background: rgba(2, 12, 18, .78); }
      .nav { gap: 34px; }
      .nav button { font-size: 17px; color: rgba(255,255,255,.78); }
      .hero { max-width: 1460px; grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr); padding-top: 40px; }
      .eyebrow { color: rgba(255,255,255,.84); font-size: 0; margin-bottom: 6px; }
      .hero h1 { font-size: clamp(44px, 4.6vw, 68px); text-shadow: 0 14px 32px rgba(0,0,0,.48); }
      .hero h1 span { color: var(--brand); }
      .hero-sub { max-width: 720px; }
      .hero-logo img { width: min(520px, 92%); max-height: 410px; opacity: .92; mix-blend-mode: normal; filter: drop-shadow(0 34px 78px rgba(0,0,0,.55)); }
      .service-card { display: none; }
      .trust-row { margin-top: 18px; gap: 20px; max-width: 720px; }
      .trust-item { grid-template-columns: 30px minmax(0, 1fr); }
      .trust-item i { width: 30px; height: 30px; border-radius: 50%; }
      .asset-entry-row {
        display: grid;
        grid-template-columns: repeat(5, minmax(126px, 1fr));
        gap: 14px;
        max-width: 860px;
        margin-top: 22px;
      }
      .asset-entry-row button {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: center;
        min-height: 70px;
        border: 1px solid rgba(151, 230, 225, .22);
        border-radius: 8px;
        background: linear-gradient(180deg, rgba(22, 42, 52, .86), rgba(8, 19, 27, .8));
        color: #fff;
        padding: 10px 14px;
        text-align: left;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 30px rgba(0,0,0,.18);
      }
      .asset-entry-row button::before {
        content: "◇";
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border: 1px solid rgba(22,217,176,.46);
        border-radius: 8px;
        color: var(--brand);
      }
      .asset-entry-row strong { display: block; font-size: 16px; color: #fff; }
      .asset-entry-row span { display: block; margin-top: 3px; color: rgba(255,255,255,.62); font-size: 12px; }
      .content-shell { max-width: 1540px; margin-top: 0; padding-left: 22px; padding-right: 22px; }
      .quick-panel {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        margin-bottom: 0;
        border-color: rgba(151, 196, 205, .18);
        border-radius: 22px 22px 0 0;
        background: linear-gradient(180deg, rgba(31, 43, 48, .98), rgba(20, 30, 36, .98));
        box-shadow: 0 18px 46px rgba(0,0,0,.28);
      }
      .filter-trigger { display: none; }
      .select-grid { grid-template-columns: repeat(6, minmax(112px, 1fr)); gap: 12px; }
      .select-box label { display: none; }
      .select-box select {
        height: 42px;
        border-color: rgba(214, 231, 236, .18);
        background: rgba(10, 18, 23, .74);
        color: rgba(255,255,255,.9);
      }
      .view-tools { color: rgba(255,255,255,.72); }
      .view-icon, .sort-select { background: rgba(10, 18, 23, .74); border-color: rgba(214,231,236,.18); color: rgba(255,255,255,.9); }
      .clear-filter-btn { background: rgba(22,217,176,.12); color: var(--brand); border-color: rgba(22,217,176,.28); }
      .result-panel {
        border-color: rgba(151, 196, 205, .18);
        border-radius: 0 0 8px 8px;
        background: linear-gradient(180deg, rgba(24, 36, 42, .98), rgba(13, 22, 29, .98));
        box-shadow: 0 10px 32px rgba(0,0,0,.24);
      }
      .result-head h2 { color: #fff; }
      .result-head span { color: rgba(255,255,255,.62); }
      .account-card { border-color: rgba(188,211,218,.25); background: #f7fafc; box-shadow: 0 16px 30px rgba(0,0,0,.24); }
      .bottom-trust { background: rgba(13, 29, 35, .92); border-color: rgba(151, 196, 205, .18); }
      .bottom-trust strong { color: #fff; }
      .bottom-trust span { color: rgba(255,255,255,.58); }
      .detail-section, .owner-section { background: #fff; }
      @media (max-width: 1180px) {
        .select-grid { grid-template-columns: repeat(3, minmax(118px, 1fr)); }
        .quick-panel { grid-template-columns: 1fr; }
      }
      @media (max-width: 760px) {
        body { background: #071118; }
        .hero-wrap { min-height: auto; }
        .hero { padding-top: 20px; }
        .hero h1 { font-size: 30px; }
        .asset-entry-row { display: flex; overflow-x: auto; gap: 10px; margin-top: 18px; padding-bottom: 4px; scrollbar-width: none; }
        .asset-entry-row::-webkit-scrollbar { display: none; }
        .asset-entry-row button { flex: 0 0 145px; min-height: 58px; grid-template-columns: 26px minmax(0, 1fr); padding: 8px 10px; }
        .asset-entry-row strong { font-size: 14px; }
        .asset-entry-row span { font-size: 11px; }
        .content-shell { padding-left: 14px; padding-right: 14px; }
        .quick-panel { background: transparent; box-shadow: none; border: 0; }
        .select-grid { display: flex; overflow-x: auto; gap: 10px; scrollbar-width: none; }
        .select-grid::-webkit-scrollbar { display: none; }
        .select-box select { background: #fff; color: var(--text); min-width: 112px; border-radius: 999px; }
        .view-tools { color: rgba(255,255,255,.72); }
        .result-panel { background: transparent; box-shadow: none; }
        .result-head h2 { color: #fff; }
        .mobile-tabbar { background: rgba(7, 17, 24, .94); border-top-color: rgba(151, 196, 205, .18); }
        .mobile-tabbar button, .mobile-tabbar a { color: rgba(255,255,255,.62); }
        .mobile-tabbar .active-mobile { color: var(--brand); }
      }


/* ---- dark-asset-ui-tune ---- */
.hero-wrap { min-height: 410px; }
      .hero { padding-top: 24px; padding-bottom: 20px; }
      .hero h1 { font-size: clamp(38px, 4.15vw, 58px); line-height: 1.05; }
      .hero-sub { margin: 12px 0 18px; }
      .search input { height: 50px; }
      .asset-entry-row { margin-top: 16px; gap: 12px; }
      .asset-entry-row button { min-height: 58px; padding: 8px 12px; }
      .asset-entry-row strong { font-size: 15px; }
      .asset-entry-row span { font-size: 11px; }
      .trust-row { margin-top: 16px; }
      .hero-logo img { width: min(430px, 86%); max-height: 335px; }
      .quick-panel { padding: 16px 20px; }
      .result-panel { padding-top: 14px; }
      @media (max-width: 760px) {
        .hero-wrap { min-height: auto; }
        .hero h1 { font-size: 28px; line-height: 1.16; }
        .hero-sub { font-size: 14px; }
        .asset-entry-row button { min-height: 58px; }
      }


/* ---- dark-asset-ui-first-screen-tune ---- */
.hero-wrap { min-height: 360px; }
      .hero { padding-top: 18px; padding-bottom: 14px; }
      .hero h1 { font-size: clamp(34px, 3.7vw, 52px); }
      .hero-sub { font-size: 16px; margin: 10px 0 14px; }
      .search { width: min(620px, 100%); }
      .search input { height: 46px; }
      .asset-entry-row { margin-top: 12px; }
      .asset-entry-row button { min-height: 52px; }
      .trust-row { margin-top: 12px; }
      .trust-item i { width: 28px; height: 28px; }
      .trust-item strong { font-size: 13px; }
      .trust-item span { font-size: 11px; }
      .hero-logo img { width: min(370px, 82%); max-height: 285px; }
      .quick-panel { padding: 14px 20px; }


/* ---- reference-on-ui-v2 ---- */
:root {
        --ref-bg: #061018;
        --ref-panel: #101a22;
        --ref-panel-2: #15222c;
        --ref-line: rgba(173, 222, 226, .18);
        --ref-text: #eaf8fb;
        --ref-muted: rgba(234, 248, 251, .66);
      }

      body {
        background:
          radial-gradient(circle at 15% 0%, rgba(22, 217, 176, .12), transparent 30%),
          linear-gradient(180deg, #061018 0%, #07131b 45%, #f3f7f8 45%, #f3f7f8 100%);
      }

      .notice { background: rgba(9, 21, 29, .94); color: #dffcff; border-color: rgba(22,217,176,.24); }

      .hero-wrap {
        min-height: 446px;
        overflow: hidden;
        background:
          linear-gradient(90deg, rgba(3, 13, 20, .98) 0%, rgba(3, 13, 20, .88) 32%, rgba(3, 13, 20, .38) 62%, rgba(3, 13, 20, .16) 100%),
          linear-gradient(180deg, rgba(3, 13, 20, .18) 0%, rgba(3, 13, 20, .42) 80%, #101a22 100%),
          url("/assets/hero-bg-reference-v2.png") center top / cover no-repeat;
      }

      .hero-wrap::before {
        inset: 0;
        opacity: .55;
        background:
          linear-gradient(90deg, rgba(22, 217, 176, .65) 0 2px, transparent 2px 100%) left top / 96px 100% no-repeat,
          linear-gradient(135deg, transparent 0 14%, rgba(22,217,176,.36) 14.2%, transparent 14.5% 100%) left top / 170px 190px no-repeat,
          linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 100%) center bottom / 160px 100% repeat-x;
        clip-path: none;
        pointer-events: none;
      }

      .hero-wrap::after {
        right: -60px;
        bottom: 8px;
        width: 560px;
        height: 190px;
        border-top: 4px solid rgba(22,217,176,.5);
        border-radius: 50%;
        transform: rotate(-11deg);
        box-shadow: 0 -16px 0 rgba(33, 182, 255, .13), 0 -34px 0 rgba(22,217,176,.07);
        opacity: .82;
      }

      .topbar {
        min-height: 88px;
        padding: 0 clamp(22px, 4vw, 56px);
        border-bottom: 1px solid rgba(151, 231, 230, .16);
        background: linear-gradient(90deg, rgba(0, 10, 16, .91), rgba(4, 18, 27, .74) 54%, rgba(3, 13, 20, .34));
        backdrop-filter: blur(10px);
      }

      .brand { gap: 14px; min-width: 300px; }
      .brand img { width: 76px; height: 76px; filter: drop-shadow(0 0 22px rgba(22,217,176,.28)); }
      .brand-text strong { color: #fff; font-size: 30px; font-weight: 950; text-shadow: 0 8px 18px rgba(0,0,0,.42); }
      .brand-text span { margin-top: 6px; color: #f6ffff; font-size: 13px; letter-spacing: 1px; }

      .nav {
        height: 88px;
        gap: 8px;
        align-items: stretch;
      }

      .nav button {
        min-width: 92px;
        padding: 0 22px;
        color: rgba(241, 252, 255, .78);
        font-size: 17px;
      }

      .nav button.active {
        background: linear-gradient(180deg, rgba(22,217,176,.16), rgba(22,217,176,.04));
        color: var(--brand);
        text-shadow: 0 0 18px rgba(22,217,176,.45);
      }

      .nav button.active::after {
        right: 28px;
        bottom: 10px;
        left: 28px;
        height: 5px;
        border-radius: 999px;
        box-shadow: 0 0 22px rgba(22,217,176,.72);
      }

      .top-actions { gap: 16px; font-size: 14px; }
      .icon-text, .login { height: 40px; color: rgba(248, 255, 255, .88); }
      .login { border-color: rgba(222, 249, 249, .26); background: rgba(2, 12, 19, .3); }

      .hero {
        max-width: 1480px;
        grid-template-columns: minmax(600px, 1fr) minmax(380px, .9fr);
        gap: 34px;
        padding: 42px clamp(28px, 5vw, 72px) 28px;
      }

      .hero-copy { padding-top: 6px; }
      .eyebrow { display: none; }
      .hero h1 {
        max-width: 900px;
        color: #fff;
        font-size: clamp(44px, 4.7vw, 72px);
        line-height: 1.05;
        font-weight: 950;
        text-shadow: 0 16px 34px rgba(0,0,0,.52);
      }

      .hero h1 span {
        color: var(--brand);
        text-shadow: 0 0 26px rgba(22,217,176,.36);
      }

      .hero-sub {
        display: flex;
        flex-wrap: wrap;
        gap: 22px;
        max-width: 720px;
        margin: 18px 0 24px;
        color: rgba(238, 252, 255, .84);
        font-size: 17px;
        line-height: 1.5;
      }

      .hero-sub::before,
      .hero-sub::after {
        content: "";
        display: none;
      }

      .search {
        width: min(620px, 100%);
        grid-template-columns: minmax(0, 1fr) 148px;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 10px;
        box-shadow: 0 22px 56px rgba(0,0,0,.42);
      }

      .search input { height: 58px; padding: 0 24px; font-size: 16px; }
      .search button { font-size: 18px; background: linear-gradient(135deg, #13d9bf, #008c78); }

      .asset-entry-row {
        display: grid;
        grid-template-columns: repeat(5, minmax(118px, 1fr));
        gap: 12px;
        width: min(840px, 100%);
        margin-top: 20px;
      }

      .asset-entry-row button {
        position: relative;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 10px;
        align-items: center;
        min-height: 72px;
        padding: 12px 16px 12px 14px;
        border: 1px solid rgba(151, 231, 230, .22);
        border-radius: 8px;
        background: linear-gradient(180deg, rgba(16, 35, 46, .74), rgba(8, 22, 31, .72));
        color: #fff;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 32px rgba(0,0,0,.26);
      }

      .asset-entry-row button::before {
        content: "";
        grid-row: 1 / span 2;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(22,217,176,.55);
        border-radius: 11px;
        background:
          radial-gradient(circle at 50% 50%, rgba(22,217,176,.42), transparent 48%),
          linear-gradient(135deg, rgba(22,217,176,.2), rgba(38,120,255,.08));
      }

      .asset-entry-row button strong { font-size: 16px; line-height: 1.2; }
      .asset-entry-row button span { margin-top: 4px; color: rgba(225, 247, 250, .68); font-size: 12px; }
      .asset-entry-row button:hover { border-color: rgba(22,217,176,.58); transform: translateY(-1px); }

      .trust-row { display: none; }
      .hero-logo { min-height: 292px; align-items: center; justify-items: center; }
      .hero-logo img {
        width: min(500px, 96%);
        max-height: 360px;
        opacity: .96;
        filter: drop-shadow(0 36px 82px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(22,217,176,.24));
      }
      .service-card { display: none; }

      .content-shell {
        max-width: none;
        margin: 0;
        padding: 0 22px 48px;
        background: linear-gradient(180deg, #101a22 0%, #0a141b 56%, #071119 100%);
      }

      .quick-panel {
        z-index: 5;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        align-items: center;
        margin: 0 -22px 0;
        padding: 18px 28px 16px;
        border: 0;
        border-top: 1px solid rgba(255,255,255,.06);
        border-radius: 18px 18px 0 0;
        background: linear-gradient(180deg, rgba(22, 32, 40, .98), rgba(14, 26, 34, .98));
        box-shadow: 0 -12px 36px rgba(0,0,0,.28);
      }

      .filter-trigger { display: none; }
      .select-grid {
        grid-template-columns: repeat(6, minmax(120px, 1fr));
        gap: 12px;
      }

      .select-box label { display: none; }
      .select-box select,
      .sort-select {
        height: 38px;
        border: 1px solid rgba(205, 230, 235, .18);
        border-radius: 5px;
        background: rgba(255,255,255,.04);
        color: #effcff;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
      }

      .select-box select option,
      .sort-select option { color: #122033; }

      .view-tools {
        align-items: center;
        color: rgba(238, 252, 255, .72);
        white-space: nowrap;
      }

      .view-tools #countText { color: rgba(238, 252, 255, .76); }
      .clear-filter-btn {
        height: 38px;
        border: 1px solid rgba(22,217,176,.34);
        background: rgba(22,217,176,.08);
        color: #39f3d0;
      }
      .view-icon {
        width: 38px;
        height: 38px;
        border-color: rgba(205,230,235,.18);
        background: rgba(255,255,255,.04);
        color: rgba(239,252,255,.76);
      }

      .emotion-strip { display: none; }
      .filter-panel, .sort-panel { display: none; }

      .result-panel {
        margin: 0;
        padding: 20px 0 0;
        background: transparent;
        box-shadow: none;
      }

      .result-head { display: none; }
      .cards {
        grid-template-columns: repeat(5, minmax(210px, 1fr));
        gap: 14px;
      }

      .account-card {
        border: 1px solid rgba(184, 211, 218, .34);
        border-radius: 6px;
        background: #f7fafb;
        box-shadow: 0 16px 30px rgba(0,0,0,.25);
      }

      .account-card:hover { transform: translateY(-2px); box-shadow: 0 22px 42px rgba(0,0,0,.34); }
      .shot { height: 154px; background: #071017; }
      .shot img { filter: saturate(1.05) contrast(1.02); }
      .status-pill { top: 8px; left: 8px; border-radius: 4px; font-size: 13px; }
      .online-pill {
        top: 8px;
        right: 8px;
        border-radius: 4px;
        background: rgba(1, 12, 18, .78);
        color: #f8ffff;
      }

      .card-body { padding: 10px 12px 12px; }
      .card-id { font-size: 15px; font-weight: 850; }
      .insured { border-color: rgba(22,217,176,.3); background: rgba(22,217,176,.08); color: #077c70; }
      .metric-row {
        margin-top: 8px;
        padding-top: 10px;
        border-top: 1px solid #e2eaee;
        gap: 0;
      }
      .metric { padding: 0 8px; border-right: 1px solid #e2eaee; }
      .metric:last-child { border-right: 0; }
      .metric strong { font-size: 16px; }
      .metric.coin strong { color: #00977f; }
      .metric.rent strong { color: #f26b16; }
      .spec-row, .tag-row { gap: 6px; margin-top: 8px; }
      .spec-row span, .tag-row span {
        min-height: 24px;
        border-radius: 4px;
        background: #edf2f5;
        color: #26374a;
        font-size: 12px;
      }
      .price-row { grid-template-columns: 1fr 1.08fr; gap: 10px; margin-top: 12px; }
      .card-action, .consult-action {
        height: 40px;
        border-radius: 5px;
        font-size: 15px;
      }
      .card-action { border-color: #c4d0d7; background: #fff; color: #1c2c3f; }
      .consult-action { background: linear-gradient(135deg, #08a88f, #007f70); }
      .account-card.renting .consult-action { background: linear-gradient(135deg, #ff8a1c, #e45f00); }
      .account-card.maintain .consult-action { background: #b8c0c8; }

      .bottom-trust {
        margin: 22px 0 0;
        border-color: rgba(151, 231, 230, .16);
        border-radius: 8px;
        background: rgba(10, 22, 30, .72);
        color: rgba(239, 252, 255, .84);
      }
      .bottom-trust i { border-color: rgba(22,217,176,.44); color: #30f1d1; }
      .bottom-trust span { color: rgba(239, 252, 255, .56); }

      @media (max-width: 1180px) {
        .top-actions { display: none; }
        .brand { min-width: 250px; }
        .hero { grid-template-columns: minmax(0, 1fr) 320px; }
        .asset-entry-row { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
        .select-grid { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
        .cards { grid-template-columns: repeat(3, minmax(210px, 1fr)); }
      }

      @media (max-width: 760px) {
        body {
          background: #eef4f6;
          padding-bottom: 76px;
        }
        .hero-wrap {
          min-height: 365px;
          border-radius: 0;
          background:
            linear-gradient(180deg, rgba(2, 12, 20, .72), rgba(3, 18, 28, .5) 58%, rgba(2, 14, 22, .9)),
          url("/assets/hero-bg-reference-v2.png") 58% top / auto 100% no-repeat;
        }
        .hero-wrap::before,
        .hero-wrap::after { display: none; }
        .topbar {
          min-height: 78px;
          padding: 10px 18px;
          background: rgba(1, 13, 22, .82);
        }
        .brand { min-width: 0; gap: 10px; }
        .brand img { width: 58px; height: 58px; }
        .brand-text strong { font-size: 25px; }
        .brand-text span { font-size: 11px; }
        .nav { display: none; }
        .top-actions { display: flex; margin-left: auto; }
        .top-actions .icon-text:first-child,
        .top-actions .login { display: none; }
        .top-actions .icon-text { font-size: 15px; }
        .hero {
          display: block;
          padding: 28px 20px 20px;
        }
        .hero-copy { text-align: center; padding: 0; }
        .hero h1 {
          max-width: 100%;
          font-size: 31px;
          line-height: 1.18;
        }
        .hero h1 span { display: inline; color: #fff; }
        .hero-sub {
          display: block;
          margin: 12px auto 18px;
          max-width: 310px;
          font-size: 14px;
          line-height: 1.55;
        }
        .search {
          grid-template-columns: minmax(0, 1fr) 86px;
          width: 100%;
          border-radius: 999px;
          box-shadow: 0 16px 42px rgba(0,0,0,.28);
        }
        .search input { height: 54px; padding: 0 18px; font-size: 14px; }
        .search button { height: 54px; border-radius: 999px; font-size: 16px; }
        .asset-entry-row {
          display: flex;
          gap: 10px;
          margin: 18px -2px 0;
          overflow-x: auto;
          padding-bottom: 4px;
        }
        .asset-entry-row button {
          flex: 0 0 132px;
          min-height: 58px;
          grid-template-columns: 28px minmax(0, 1fr);
          padding: 9px 10px;
        }
        .asset-entry-row button::before { width: 26px; height: 26px; border-radius: 8px; }
        .asset-entry-row button strong { font-size: 14px; }
        .asset-entry-row button span { font-size: 11px; }
        .hero-logo { display: none; }

        .content-shell {
          padding: 0 14px 18px;
          background: #eef4f6;
        }
        .quick-panel {
          margin: 0 -14px 0;
          padding: 14px 14px 10px;
          border-radius: 0;
          background: #f7fafb;
          box-shadow: 0 10px 26px rgba(15,35,56,.08);
          display: block;
        }
        .select-grid {
          display: flex;
          gap: 10px;
          overflow-x: auto;
          padding-bottom: 2px;
        }
        .select-box { flex: 0 0 auto; }
        .select-box select {
          min-width: 110px;
          height: 38px;
          border-color: #dfe8ef;
          border-radius: 999px;
          background: #fff;
          color: #243447;
        }
        .view-tools {
          justify-content: space-between;
          margin-top: 10px;
          color: #617084;
        }
        .view-icon,
        .sort-select { display: none; }
        .clear-filter-btn {
          height: 34px;
          border-radius: 999px;
          background: #fff;
          color: #088b77;
        }
        .result-panel { padding-top: 12px; }
        .cards {
          display: grid;
          grid-template-columns: 1fr;
          gap: 12px;
        }
        .account-card {
          border-color: #dfe8ef;
          border-radius: 14px;
          background: #fff;
          box-shadow: 0 12px 28px rgba(15,35,56,.12);
        }
        .shot { height: 200px; }
        .card-body { padding: 13px 14px 14px; }
        .price-row { grid-template-columns: 1fr 1fr; }
        .bottom-trust { display: none; }
      }

      @media (max-width: 420px) {
        .hero h1 { font-size: 28px; }
        .shot { height: 178px; }
      }


/* ---- reference-on-ui-v2-polish ---- */
@media (min-width: 761px) {
        .hero {
          grid-template-columns: minmax(760px, 1fr) minmax(360px, .72fr);
        }

        .hero h1 {
          max-width: none;
          white-space: nowrap;
          font-size: clamp(42px, 3.55vw, 58px);
        }

        .hero-logo img {
          width: min(430px, 92%);
          max-height: 330px;
        }

        .asset-entry-row {
          width: min(930px, 100%);
          grid-template-columns: repeat(5, minmax(150px, 1fr));
        }

        .asset-entry-row button {
          grid-template-columns: 36px minmax(0, 1fr);
          min-height: 70px;
          padding: 12px 14px;
        }

        .asset-entry-row button::before {
          width: 34px;
          height: 34px;
        }

        .asset-entry-row button strong {
          white-space: nowrap;
          font-size: 16px;
        }
      }

      @media (min-width: 761px) and (max-width: 1180px) {
        .hero {
          grid-template-columns: minmax(0, 1fr) 300px;
        }

        .hero h1 {
          white-space: normal;
          font-size: 40px;
        }

        .asset-entry-row {
          grid-template-columns: repeat(3, minmax(150px, 1fr));
        }
      }


/* ---- reference-target-match-fix ---- */
@media (min-width: 761px) {
        .hero-wrap {
          min-height: 446px;
          background-position: center top;
        }

        .topbar {
          padding-left: 48px;
          padding-right: 48px;
        }

        .hero {
          width: 100%;
          max-width: none;
          margin: 0;
          grid-template-columns: minmax(760px, 1.02fr) minmax(520px, .98fr);
          gap: 46px;
          padding: 44px 84px 30px clamp(120px, 7.8vw, 164px);
        }

        .hero-copy {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding-top: 12px;
        }

        .hero h1 {
          order: 1;
          margin-bottom: 16px;
          white-space: nowrap;
          font-size: clamp(48px, 4.05vw, 66px);
          line-height: .98;
          letter-spacing: 0;
        }

        .hero-sub {
          display: none;
        }

        .trust-row {
          order: 2;
          display: grid;
          grid-template-columns: repeat(4, max-content);
          gap: 34px;
          width: auto;
          margin: 0 0 24px;
        }

        .trust-item {
          grid-template-columns: 30px max-content;
          gap: 10px;
          color: rgba(239, 252, 255, .86);
        }

        .trust-item i {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          border-color: rgba(22,217,176,.66);
          background: rgba(22,217,176,.08);
          color: #35f0d0;
          font-size: 0;
        }

        .trust-item i::before {
          content: "";
          width: 12px;
          height: 12px;
          border: 2px solid currentColor;
          border-radius: 50%;
          box-shadow: 0 0 16px rgba(22,217,176,.42);
        }

        .trust-item strong {
          font-size: 15px;
          line-height: 1.1;
        }

        .trust-item span {
          display: none;
        }

        .search {
          order: 3;
          width: 640px;
          grid-template-columns: minmax(0, 1fr) 138px;
          border-radius: 8px;
        }

        .search input {
          height: 58px;
        }

        .asset-entry-row {
          order: 4;
          width: 880px;
          grid-template-columns: repeat(5, 1fr);
          gap: 14px;
          margin-top: 24px;
        }

        .asset-entry-row button {
          grid-template-columns: 42px minmax(0, 1fr);
          min-height: 72px;
          border-color: rgba(151, 231, 230, .26);
          background: linear-gradient(180deg, rgba(18, 38, 50, .78), rgba(10, 24, 34, .78));
        }

        .asset-entry-row button::before {
          width: 38px;
          height: 38px;
        }

        .hero-logo {
          min-height: 300px;
          justify-items: start;
          align-items: center;
        }

        .hero-logo img {
          width: min(520px, 88%);
          max-height: 388px;
          opacity: .98;
          mix-blend-mode: screen;
          filter: drop-shadow(0 38px 86px rgba(0,0,0,.68)) drop-shadow(0 0 34px rgba(22,217,176,.32));
        }

        .quick-panel {
          padding: 18px 30px;
          border-radius: 18px 18px 0 0;
        }

        .cards {
          gap: 14px;
        }

        .account-card {
          border-radius: 6px;
          background: #f8fbfc;
        }

        .shot {
          width: 100% !important;
          height: auto !important;
          aspect-ratio: 16 / 7.35;
          overflow: hidden !important;
          background: #061018;
        }

        .shot img {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover;
        }

        .card-body {
          padding: 10px 12px 12px;
        }

        .consult-action {
          border: 0 !important;
          color: #fff !important;
          background: linear-gradient(135deg, #08a88f, #007f70) !important;
        }

        .account-card.renting .consult-action {
          color: #fff !important;
          background: linear-gradient(135deg, #ff8a1c, #e45f00) !important;
        }

        .account-card.maintain .consult-action {
          color: #fff !important;
          background: #b8c0c8 !important;
        }

        .card-action {
          border: 1px solid #c4d0d7;
          background: #fff;
          color: #1c2c3f;
        }
      }

      @media (min-width: 761px) and (max-width: 1280px) {
        .hero {
          grid-template-columns: minmax(0, 1fr) 360px;
          padding-left: 64px;
          padding-right: 48px;
        }

        .hero h1 {
          white-space: normal;
          font-size: 42px;
        }

        .trust-row {
          grid-template-columns: repeat(2, max-content);
          row-gap: 12px;
        }

        .asset-entry-row {
          width: 100%;
          grid-template-columns: repeat(3, minmax(150px, 1fr));
        }
      }


/* ---- final-generated-ui-layout ---- */
@media (min-width: 761px) {
        body {
          background:
            radial-gradient(circle at 82% 8%, rgba(26, 174, 211, .16), transparent 34%),
            linear-gradient(180deg, #061017 0%, #061017 56%, #071018 100%);
        }

        .hero-wrap {
          min-height: 532px;
          background:
            linear-gradient(90deg, rgba(2, 12, 18, .96) 0%, rgba(2, 12, 18, .8) 29%, rgba(2, 12, 18, .22) 62%, rgba(2, 12, 18, .06) 100%),
            linear-gradient(180deg, rgba(2, 12, 18, .12) 0%, rgba(2, 12, 18, .28) 76%, #071018 100%),
            url("/assets/hero-bg-reference-v2.png") center top / cover no-repeat;
        }

        .topbar {
          min-height: 90px;
          padding: 0 52px;
          border-bottom: 1px solid rgba(191, 242, 244, .12);
          background: rgba(1, 12, 18, .72);
        }

        .brand { min-width: 315px; }
        .brand img { width: 72px; height: 72px; }
        .brand-text strong { font-size: 28px; }
        .brand-text span { color: #fff; font-size: 12px; letter-spacing: 1px; }
        .nav { height: 90px; gap: 18px; }
        .nav button { min-width: 84px; font-size: 17px; }
        .nav button.active::after {
          right: 22px;
          bottom: 0;
          left: 22px;
          height: 4px;
          box-shadow: 0 -10px 24px rgba(22, 217, 176, .52);
        }

        .hero {
          max-width: 1780px;
          margin: 0 auto;
          grid-template-columns: minmax(760px, 1fr) minmax(560px, .95fr);
          gap: 64px;
          padding: 62px 56px 38px;
        }

        .hero-copy { padding-top: 0; }
        .hero h1 {
          font-size: clamp(54px, 4.45vw, 78px);
          line-height: 1.02;
          margin-bottom: 22px;
          text-shadow: 0 18px 38px rgba(0,0,0,.55);
        }

        .trust-row {
          grid-template-columns: repeat(4, max-content);
          gap: 36px;
          margin-bottom: 24px;
        }

        .trust-item strong {
          font-size: 17px;
          font-weight: 700;
        }

        .search {
          width: 810px;
          grid-template-columns: minmax(0, 1fr) 174px;
          border-radius: 10px;
          box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 24px 54px rgba(0,0,0,.36);
        }

        .search input {
          height: 62px;
          padding-left: 26px;
          font-size: 17px;
        }

        .search button {
          height: 62px;
          font-size: 18px;
        }

        .asset-entry-row {
          width: 1050px;
          grid-template-columns: repeat(5, 1fr);
          gap: 16px;
          margin-top: 26px;
        }

        .asset-entry-row button {
          min-height: 82px;
          padding: 14px 18px;
          border-radius: 9px;
          border-color: rgba(132, 229, 224, .32);
          background: linear-gradient(180deg, rgba(18, 38, 50, .72), rgba(8, 22, 31, .78));
          box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 34px rgba(0,0,0,.22);
        }

        .asset-entry-row button strong { font-size: 17px; }
        .asset-entry-row button span { font-size: 13px; }

        .hero-logo {
          min-height: 380px;
          justify-items: center;
        }

        .hero-logo::before {
          content: "";
          position: absolute;
          width: min(610px, 96%);
          aspect-ratio: 1 / .82;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(22,217,176,.16), transparent 64%);
          filter: blur(12px);
        }

        .hero-logo img {
          position: relative;
          width: min(610px, 96%);
          max-height: 440px;
          opacity: 1;
          mix-blend-mode: screen;
          filter: drop-shadow(0 42px 86px rgba(0,0,0,.72)) drop-shadow(0 0 42px rgba(22,217,176,.35));
        }

        .content-shell {
          max-width: none;
          margin: 0;
          padding: 0 26px 42px;
          background:
            radial-gradient(circle at 78% 16%, rgba(24, 157, 180, .12), transparent 28%),
            linear-gradient(180deg, #071018 0%, #071018 100%);
        }

        .quick-panel,
        .result-panel,
        .bottom-trust {
          max-width: 1980px;
          margin-right: auto;
          margin-left: auto;
        }

        .quick-panel {
          grid-template-columns: minmax(0, 1fr) auto;
          margin-top: -26px;
          padding: 20px 30px 16px;
          border: 1px solid rgba(178, 224, 230, .18);
          border-bottom: 0;
          border-radius: 24px 24px 0 0;
          background: linear-gradient(180deg, rgba(20, 33, 42, .98), rgba(13, 25, 34, .98));
          box-shadow: 0 -18px 42px rgba(0,0,0,.24);
        }

        .select-grid {
          grid-template-columns: repeat(6, minmax(130px, 1fr));
          gap: 24px;
          max-width: 1060px;
        }

        .select-box select,
        .sort-select {
          height: 45px;
          border-radius: 6px;
          border-color: rgba(205, 230, 235, .24);
          background: rgba(255,255,255,.035);
          color: #effcff;
          padding: 0 18px;
        }

        .view-tools {
          gap: 12px;
        }

        .view-tools #countText {
          order: 10;
          color: rgba(239,252,255,.7);
          margin-left: 8px;
        }

        .clear-filter-btn {
          display: none;
        }

        .view-icon {
          width: 45px;
          height: 45px;
          border-radius: 6px;
        }

        .sort-select {
          width: 132px;
        }

        .result-panel {
          padding: 0 30px 24px;
          border: 1px solid rgba(178, 224, 230, .18);
          border-top: 0;
          border-radius: 0 0 24px 24px;
          background: linear-gradient(180deg, rgba(13, 25, 34, .98), rgba(10, 21, 29, .98));
          box-shadow: 0 26px 60px rgba(0,0,0,.28);
        }

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

        .account-card {
          overflow: hidden;
          border: 1px solid rgba(199, 218, 224, .48);
          border-radius: 8px;
          background: linear-gradient(180deg, #f8fbfc 0%, #eef3f5 100%);
          box-shadow: 0 16px 34px rgba(0,0,0,.28);
        }

        .shot {
          aspect-ratio: 16 / 6.75;
          border-bottom: 1px solid rgba(9, 22, 31, .08);
        }

        .card-body {
          padding: 12px 14px 14px;
        }

        .card-title-row {
          padding-bottom: 8px;
          border-bottom: 0;
        }

        .card-id {
          font-size: 16px;
          font-weight: 800;
          color: #1e3143;
        }

        .insured {
          border-color: rgba(22,217,176,.34);
          background: rgba(22,217,176,.09);
          color: #078a78;
        }

        .tag-row {
          order: 1;
          margin: 2px 0 10px;
        }

        .tag-row span {
          border: 1px solid #dbe5e8;
          border-radius: 5px;
          background: #eef3f5;
          color: #596879;
        }

        .metric-row {
          padding: 10px 0;
          border-top: 0;
          border-bottom: 0;
        }

        .metric span { font-size: 12px; }
        .metric.coin strong {
          color: #008d78;
          font-size: 18px;
        }

        .metric.rent strong {
          color: #ff6f13;
          font-size: 20px;
        }

        .spec-row {
          margin: 4px 0 12px;
          padding: 0;
          gap: 6px;
        }

        .spec-row span {
          height: 24px;
          min-height: 24px;
          font-size: 12px;
          background: #e7edf0;
        }

        .price-row {
          gap: 14px;
          margin-top: 10px;
        }

        .card-action,
        .consult-action {
          height: 44px;
          border-radius: 5px;
          font-size: 16px;
        }

        .card-action {
          border: 1px solid #aebac2;
          background: #f9fbfc;
          color: #213246;
        }

        .consult-action {
          background: linear-gradient(135deg, #069f89, #007565) !important;
        }

        .bottom-trust {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 24px;
          align-items: center;
          margin-top: 24px;
          padding: 20px 28px;
          border: 1px solid rgba(178, 224, 230, .16);
          border-radius: 18px;
          background: linear-gradient(180deg, rgba(11, 28, 38, .92), rgba(9, 22, 31, .9));
          box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
        }

        .bottom-trust > div {
          padding: 0;
          border-right: 0;
        }

        .bottom-trust .trust-list {
          display: grid;
          grid-template-columns: repeat(4, minmax(170px, 1fr));
          gap: 0;
        }

        .bottom-trust .trust-list > div {
          display: grid;
          grid-template-columns: 46px minmax(0, 1fr);
          gap: 12px;
          align-items: center;
          min-height: 52px;
          padding: 0 28px;
          border-right: 1px solid rgba(178, 224, 230, .12);
        }

        .bottom-trust .trust-list > div:first-child {
          padding-left: 0;
        }

        .bottom-trust .trust-list > div:last-child {
          border-right: 0;
        }

        .bottom-trust i {
          width: 44px;
          height: 44px;
          border-color: rgba(22,217,176,.48);
          background: rgba(22,217,176,.05);
          color: #2df0d0;
          font-size: 0;
          box-shadow: inset 0 0 14px rgba(22,217,176,.1);
        }

        .bottom-trust i::before {
          content: "";
          width: 18px;
          height: 18px;
          border: 2px solid currentColor;
          border-radius: 50%;
        }

        .bottom-trust strong {
          color: #24e8c6;
          font-size: 16px;
        }

        .bottom-trust span {
          color: rgba(239,252,255,.64);
          font-size: 13px;
        }

        .pager {
          display: flex;
          align-items: center;
          gap: 14px;
        }

        .pager button,
        .pager span {
          display: grid;
          place-items: center;
          min-width: 44px;
          height: 44px;
          border: 1px solid rgba(178, 224, 230, .18);
          border-radius: 7px;
          background: rgba(255,255,255,.025);
          color: rgba(239,252,255,.82);
          font-weight: 800;
        }

        .pager span {
          border-color: transparent;
          background: transparent;
        }

        .pager .active-page {
          border-color: rgba(22,217,176,.72);
          background: linear-gradient(180deg, #10cbb0, #007e70);
          color: #fff;
          box-shadow: 0 0 22px rgba(22,217,176,.45);
        }
      }

      @media (min-width: 761px) and (max-width: 1320px) {
        .hero {
          grid-template-columns: minmax(0, 1fr) 420px;
          padding-left: 48px;
          padding-right: 48px;
        }

        .hero h1 {
          white-space: normal;
          font-size: 44px;
        }

        .search,
        .asset-entry-row {
          width: 100%;
        }

        .asset-entry-row {
          grid-template-columns: repeat(3, minmax(150px, 1fr));
        }

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

        .bottom-trust {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 760px) {
        .bottom-trust .pager {
          display: none;
        }
      }


/* ---- hero-trust-icons-polish ---- */
.hero .trust-row .trust-item {
        grid-template-columns: 32px max-content;
        align-items: center;
      }

      .hero .trust-row .trust-item i.hero-trust-icon {
        position: relative;
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(22, 217, 176, .62);
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, rgba(22, 217, 176, .14), rgba(22, 217, 176, .02) 68%);
        color: #22f0cf;
        font-size: 0;
        box-shadow: 0 0 18px rgba(22, 217, 176, .22), inset 0 0 12px rgba(22, 217, 176, .08);
      }

      .hero .trust-row .trust-item i.hero-trust-icon::before {
        display: none !important;
      }

      .hero .trust-row .trust-item i.hero-trust-icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
        filter: drop-shadow(0 0 5px rgba(22, 217, 176, .42));
      }

      .hero .trust-row .trust-item strong {
        color: rgba(239, 252, 255, .9);
        text-shadow: 0 0 12px rgba(22, 217, 176, .12);
      }


/* ---- asset-entry-icons-polish ---- */
.asset-entry-row button {
        grid-template-columns: 44px minmax(0, 1fr) !important;
      }

      .asset-entry-row button::before {
        display: none !important;
      }

      .asset-entry-row .entry-icon {
        grid-row: 1 / span 2;
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(22, 217, 176, .55);
        border-radius: 12px;
        background:
          radial-gradient(circle at 50% 50%, rgba(22, 217, 176, .22), rgba(22, 217, 176, .04) 66%),
          linear-gradient(135deg, rgba(22,217,176,.14), rgba(38,120,255,.08));
        color: #28f1d1;
        box-shadow: inset 0 0 18px rgba(22, 217, 176, .12), 0 0 20px rgba(22, 217, 176, .12);
      }

      .asset-entry-row .entry-icon svg {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.75;
        stroke-linecap: round;
        stroke-linejoin: round;
        filter: drop-shadow(0 0 6px rgba(22,217,176,.46));
      }

      .asset-entry-row .rank-icon {
        color: #9fc0ff;
        border-color: rgba(154, 186, 255, .46);
        background:
          radial-gradient(circle at 50% 50%, rgba(80, 117, 255, .2), rgba(22, 217, 176, .03) 66%),
          linear-gradient(135deg, rgba(95,120,255,.14), rgba(22,217,176,.08));
      }

      @media (max-width: 760px) {
        .asset-entry-row button {
          grid-template-columns: 30px minmax(0, 1fr) !important;
        }

        .asset-entry-row .entry-icon {
          width: 28px;
          height: 28px;
          border-radius: 9px;
        }

        .asset-entry-row .entry-icon svg {
          width: 17px;
          height: 17px;
        }
      }


/* ---- hero-logo-depth-motion ---- */
@media (min-width: 761px) {
        .hero-logo {
          position: relative;
          isolation: isolate;
          perspective: 900px;
          transform-style: preserve-3d;
        }

        .hero-logo::before {
          content: "";
          position: absolute;
          z-index: -2;
          width: min(650px, 98%);
          aspect-ratio: 1.08 / .86;
          border: 1px solid rgba(36, 241, 207, .22);
          border-radius: 34% 34% 44% 44% / 18% 18% 52% 52%;
          background:
            radial-gradient(circle at 50% 28%, rgba(36,241,207,.2), transparent 34%),
            linear-gradient(145deg, rgba(21, 221, 187, .2), rgba(31, 168, 255, .08) 38%, rgba(2, 12, 20, .1) 72%);
          clip-path: polygon(17% 9%, 45% 9%, 45% 0, 57% 0, 57% 9%, 85% 9%, 85% 48%, 76% 68%, 50% 94%, 24% 68%, 15% 48%);
          opacity: .92;
          transform: translate3d(26px, -6px, -58px) rotateY(-10deg) rotateX(3deg);
          box-shadow:
            inset 0 0 42px rgba(36,241,207,.12),
            0 0 68px rgba(36,241,207,.16),
            0 34px 90px rgba(0,0,0,.55);
          animation: heroShieldPulse 5.8s ease-in-out infinite;
        }

        .hero-logo::after {
          content: "";
          position: absolute;
          z-index: -1;
          right: -4%;
          bottom: 10%;
          width: min(640px, 112%);
          height: 160px;
          border-top: 4px solid rgba(43, 190, 255, .5);
          border-radius: 50%;
          background:
            linear-gradient(90deg, transparent 0%, rgba(29, 169, 255, .12) 38%, rgba(36, 241, 207, .24) 58%, transparent 100%);
          filter: blur(.2px) drop-shadow(0 0 18px rgba(43,190,255,.36));
          transform: translate3d(0, 12px, 30px) rotate(-9deg);
          box-shadow:
            0 -14px 0 rgba(23, 131, 255, .14),
            0 -28px 0 rgba(36, 241, 207, .08);
          animation: heroWaterFlow 4.6s ease-in-out infinite;
        }

        .hero-logo img.hero-logo-cutout {
          z-index: 1;
          transform: translate3d(0, 0, 42px) rotateY(-8deg) rotateX(3deg);
          transform-origin: 54% 52%;
          opacity: .96;
          mix-blend-mode: screen;
          filter:
            drop-shadow(0 46px 86px rgba(0,0,0,.76))
            drop-shadow(0 0 18px rgba(36,241,207,.42))
            drop-shadow(0 0 36px rgba(31,168,255,.18));
          animation: heroLogoFloat 5.4s ease-in-out infinite;
        }

        .hero-logo .service-card {
          z-index: 3;
        }

        .hero-logo-stage-light {
          display: none;
        }

        @keyframes heroLogoFloat {
          0%, 100% { transform: translate3d(0, 0, 42px) rotateY(-8deg) rotateX(3deg) scale(1); }
          50% { transform: translate3d(0, -8px, 52px) rotateY(-6deg) rotateX(4deg) scale(1.018); }
        }

        @keyframes heroShieldPulse {
          0%, 100% { opacity: .78; filter: saturate(1); }
          50% { opacity: 1; filter: saturate(1.16); }
        }

        @keyframes heroWaterFlow {
          0%, 100% { transform: translate3d(-10px, 12px, 30px) rotate(-9deg); opacity: .72; }
          50% { transform: translate3d(18px, 2px, 36px) rotate(-7deg); opacity: 1; }
        }

        @media (prefers-reduced-motion: reduce) {
          .hero-logo::before,
          .hero-logo::after,
          .hero-logo img.hero-logo-cutout {
            animation: none;
          }
        }
      }

      @media (max-width: 760px) {
        .hero-logo::before,
        .hero-logo::after {
          display: none;
        }
      }


/* ---- filter-and-service-final-fix ---- */
@media (min-width: 761px) {
        .quick-panel {
          align-items: end;
          padding-top: 16px;
        }

        .select-grid {
          align-items: end;
        }

        .select-box {
          display: grid;
          gap: 7px;
          min-width: 0;
        }

        .select-box label {
          display: block !important;
          margin: 0;
          color: rgba(43, 240, 210, .82);
          font-size: 12px;
          font-weight: 900;
          line-height: 1;
          letter-spacing: 0;
        }

        .select-box select {
          width: 100%;
        }

        .view-tools {
          align-self: end;
          padding-bottom: 0;
        }

        .clear-filter-btn {
          display: inline-flex !important;
          align-items: center;
          justify-content: center;
          order: 11;
          min-width: 88px;
          height: 45px;
          border: 1px solid rgba(22, 217, 176, .46);
          border-radius: 6px;
          background: rgba(22, 217, 176, .08);
          color: #2cf0d1;
          font-size: 14px;
          font-weight: 900;
          box-shadow: inset 0 0 16px rgba(22, 217, 176, .05);
        }

        .clear-filter-btn:hover {
          background: rgba(22, 217, 176, .16);
          border-color: rgba(22, 217, 176, .68);
        }

        .bottom-trust .service-icon {
          display: grid;
          place-items: center;
          width: 44px;
          height: 44px;
          border: 1px solid rgba(22, 217, 176, .52);
          border-radius: 50%;
          background:
            radial-gradient(circle at 50% 50%, rgba(22, 217, 176, .16), rgba(22, 217, 176, .03) 68%),
            linear-gradient(135deg, rgba(22,217,176,.08), rgba(38,120,255,.05));
          color: #2cf0d1;
          font-size: 0;
          box-shadow: inset 0 0 16px rgba(22, 217, 176, .1), 0 0 18px rgba(22, 217, 176, .12);
        }

        .bottom-trust .service-icon::before {
          display: none !important;
        }

        .bottom-trust .service-icon svg {
          width: 23px;
          height: 23px;
          fill: none;
          stroke: currentColor;
          stroke-width: 1.8;
          stroke-linecap: round;
          stroke-linejoin: round;
          filter: drop-shadow(0 0 6px rgba(22,217,176,.44));
        }
      }

      @media (max-width: 760px) {
        .select-box label {
          display: none !important;
        }
      }


/* ---- video-feedback-home-detail-revision ---- */
.hero { grid-template-columns: minmax(0, 1fr); min-height: 480px; }
      .hero-logo { display: none !important; }
      .hero-copy { max-width: 1040px; padding-right: 0; }
      .home-primary-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 280px)); gap: 14px; margin: 18px 0 18px; }
      .home-primary-actions button { min-height: 94px; text-align: left; border-radius: 12px; padding: 16px 18px; border: 1px solid rgba(52,241,210,.38); color: #fff; box-shadow: 0 16px 36px rgba(0,0,0,.24); cursor: pointer; }
      .home-primary-actions span { display: block; color: #34f1d2; font-weight: 950; font-size: 18px; } .home-primary-actions strong { display:block; margin-top:6px; font-size:15px; } .home-primary-actions em { display:block; margin-top:6px; color:rgba(230,247,250,.72); font-style:normal; font-size:12px; }
      .primary-rent { background: linear-gradient(135deg, rgba(0,164,135,.94), rgba(0,73,85,.92)); } .primary-owner { background: linear-gradient(135deg, rgba(239,108,0,.92), rgba(80,43,14,.92)); border-color: rgba(255,138,42,.48) !important; }
      .asset-entry-row button.active-category { border-color: rgba(52,241,210,.9); box-shadow: inset 0 0 0 1px rgba(52,241,210,.55), 0 0 22px rgba(52,241,210,.22); }
      .video-select-grid { grid-template-columns: repeat(9, minmax(108px, 1fr)); } .view-tools { gap: 10px; } .view-icon { display: none !important; }
      .card-title-row { align-items: flex-start; gap: 8px; } .card-title { margin: 0 0 4px; color: #122032; font-weight: 950; line-height: 1.35; font-size: 14px; } .card-id { margin:0; color:#647481; font-size:12px; font-weight:800; }
      .detail-layout-upgraded { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); } .detail-gallery { min-width:0; display:grid; gap:12px; } .detail-carousel { width:100%; max-width:100%; position:relative; min-height:430px; overflow:hidden; } .detail-carousel img { width:100%; height:100%; object-fit:contain; background:#071217; }
      .carousel-arrow { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:1px solid rgba(52,241,210,.55); background:rgba(5,15,20,.72); color:#34f1d2; font-size:28px; cursor:pointer; } .carousel-arrow.prev { left:14px; } .carousel-arrow.next { right:14px; } .carousel-count { position:absolute; right:16px; bottom:14px; padding:5px 10px; border-radius:999px; background:rgba(3,13,18,.78); color:rgba(255,255,255,.88); font-size:12px; }
      .detail-spec-list strong { text-align:right; word-break:break-word; } .detail-spec-list div:nth-last-child(-n+2) { grid-template-columns:82px 1fr; align-items:start; } .profile-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .profile-grid article { border:1px solid var(--line); border-radius:10px; padding:18px; background:#fff; } .profile-grid strong { display:block; font-size:16px; color:var(--text); } .profile-grid span { display:block; margin-top:8px; color:var(--muted); line-height:1.6; }
      .detail-summary .form-actions { flex-wrap: wrap; }
      .detail-summary .form-actions button { min-width: 116px; }
      .rent-detail-page { display: grid; gap: 18px; min-height: 900px; }
      .rent-detail-card { border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 18px; }
      .rent-detail-hero { display: grid; grid-template-columns: 380px minmax(0,1fr); gap: 24px; align-items: start; }
      .rent-detail-cover { overflow: hidden; border-radius: 8px; background: #071217; aspect-ratio: 4 / 3; }
      .rent-detail-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
      .rent-detail-main h2 { margin: 0 0 10px; color: #061526; font-size: 22px; line-height: 1.45; }
      .rent-detail-meta { display: grid; gap: 7px; color: #647481; font-size: 13px; line-height: 1.6; }
      .rent-detail-warning { color: #ff7a1a; font-weight: 900; }
      .rent-detail-price { display: grid; gap: 6px; margin: 12px 0; color: #6b7b88; font-size: 18px; }
      .rent-detail-price strong { color: #f05a28; font-size: 22px; }
      .rent-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
      .rent-detail-actions button { min-width: 132px; height: 42px; border-radius: 8px; font-weight: 950; cursor: pointer; }
      .rent-detail-actions .primary { border: 0; background: #06241f; color: #fff; }
      .rent-detail-actions .ghost { border: 1px solid #cbd7df; background: #fff; color: #102033; }
      .rent-detail-section h3 { margin: 0 0 14px; font-size: 20px; color: #061526; }
      .rent-info-grid { display: grid; grid-template-columns: repeat(5, minmax(110px, 1fr)); gap: 10px; border: 1px solid #edf2f6; border-radius: 10px; padding: 14px; }
      .rent-info-cell { min-height: 70px; display: grid; place-items: center; text-align: center; }
      .rent-info-cell strong { color: #049085; font-size: 16px; line-height: 1.35; word-break: break-word; }
      .rent-info-cell span { margin-top: 5px; color: #102033; font-size: 13px; }
      .rent-item-grid { display: grid; grid-template-columns: repeat(6, minmax(110px, 1fr)); gap: 12px; border: 1px solid #edf2f6; border-radius: 10px; padding: 14px; }
      .rent-item-cell { min-height: 96px; text-align: center; display: grid; align-content: center; gap: 3px; }
      .rent-item-cell strong { color: #049085; font-size: 17px; }
      .rent-item-cell span { color: #102033; font-size: 13px; }
      .rent-item-cell small { color: #6b7b88; font-size: 12px; line-height: 1.35; }
      .rent-badge-red { display: inline-flex; justify-self: center; padding: 1px 5px; border: 1px solid #ff4d4f; border-radius: 3px; color: #ff4d4f; font-size: 12px; font-weight: 900; }
      .rent-screenshot-stack { display: grid; gap: 14px; }
      .rent-screenshot-stack figure { margin: 0; border: 1px solid #e2ebf1; border-radius: 10px; overflow: hidden; background: #071217; }
      .rent-screenshot-stack img { width: 100%; max-height: none; display: block; object-fit: contain; background: #071217; }
      .rent-screenshot-stack figcaption { padding: 9px 12px; background: #fff; color: #425568; font-size: 13px; font-weight: 900; }
      .profile-content { min-height: 760px; background: #fff; }
      .profile-layout { min-height: 640px; }
      .profile-main { min-height: 620px; }
      .profile-panel { min-height: 520px; }
      @media (max-width: 1180px) { .rent-detail-hero { grid-template-columns: 1fr; } .rent-detail-cover { max-width: 520px; } .rent-info-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .rent-item-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
      @media (max-width: 760px) { .rent-detail-card { padding: 14px; } .rent-detail-main h2 { font-size: 18px; } .rent-info-grid, .rent-item-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .rent-detail-actions button { flex: 1 1 120px; } }
      @media (max-width: 1700px) { .detail-layout-upgraded { grid-template-columns: 1fr; } .detail-carousel { min-height: 380px; } .detail-summary .form-actions { justify-content:flex-start; } }
      @media (max-width: 760px) { .hero { min-height:auto; } .home-primary-actions { grid-template-columns:1fr 1fr; gap:10px; } .home-primary-actions button { min-height:82px; padding:12px; } .home-primary-actions span { font-size:15px; } .home-primary-actions strong { font-size:12px; } .home-primary-actions em { display:none; } .video-select-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .quick-panel .select-box label { font-size:11px; } .detail-layout-upgraded { grid-template-columns:1fr; } .detail-carousel { min-height:260px; } .profile-grid { grid-template-columns:1fr; } }


/* ---- auth-admin-local-prototype ---- */
.staff-only.view-hidden, .view-hidden { display: none !important; }
      .auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
      .auth-tabs button { height: 38px; border-radius: 8px; border: 1px solid var(--line); background: #eef3f6; font-weight: 900; cursor: pointer; }
      .auth-tabs button.active { background: var(--brand); color: #021a16; border-color: transparent; }
      .profile-content, .admin-content { padding: 20px; }
      .profile-summary, .admin-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
      .profile-summary article, .admin-metrics article, .admin-card { border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 14px; }
      .profile-summary strong, .admin-metrics strong { display: block; margin-top: 6px; font-size: 22px; color: var(--brand-dark); }
      .status-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 900; background: #eef3f6; color: #314251; }
      .status-pending { background: #fff3df; color: #b95e00; }
      .status-approved { background: #dcfce7; color: #117a42; }
      .status-rejected { background: #fee2e2; color: #b91c1c; }
      .status-needs_changes { background: #e0f2fe; color: #0369a1; }
      .data-table { width: 100%; border-collapse: collapse; font-size: 13px; }
      .data-table th, .data-table td { padding: 10px 8px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
      .data-table th { color: var(--muted); font-size: 12px; }
      .table-actions { display: flex; gap: 6px; flex-wrap: wrap; }
      .table-actions button, .mini-btn { min-height: 30px; border: 1px solid var(--line); border-radius: 7px; background: #f8fafc; color: var(--text); font-weight: 800; cursor: pointer; }
      .table-actions .approve { background: var(--brand); color: #03251f; border-color: transparent; }
      .table-actions .reject { background: #fff1f2; color: #b91c1c; }
      .admin-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr); gap: 16px; }
      .review-list { display: grid; gap: 14px; }
      .review-card { border: 1px solid #d8e6ef; border-radius: 12px; background: linear-gradient(180deg, #fff, #f8fbfd); padding: 14px; }
      .review-card-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: start; padding-bottom: 12px; border-bottom: 1px solid #edf3f7; }
      .review-id { display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border-radius: 8px; background: #061d24; color: #41e9c9; font-size: 16px; font-weight: 950; letter-spacing: .2px; }
      .review-card h4 { margin: 10px 0 6px; color: #102033; font-size: 18px; line-height: 1.35; }
      .review-owner { color: #607083; font-size: 12px; font-weight: 800; }
      .review-layout { display: grid; grid-template-columns: minmax(280px, .85fr) minmax(360px, 1.15fr) 112px; gap: 14px; padding-top: 14px; align-items: start; }
      .review-section { border: 1px solid #e3edf3; border-radius: 10px; background: #fff; padding: 12px; }
      .review-section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: #667789; font-size: 12px; font-weight: 950; }
      .review-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
      .review-spec { min-height: 56px; border-radius: 8px; background: #f2f7fa; padding: 9px 10px; }
      .review-spec span { display: block; color: #718093; font-size: 11px; font-weight: 900; }
      .review-spec strong { display: block; margin-top: 4px; color: #102033; font-size: 16px; line-height: 1.2; word-break: break-word; }
      .review-spec.is-accent { background: #eafff8; border: 1px solid #b8f4e6; }
      .review-spec.is-accent strong { color: var(--brand-dark); font-size: 19px; }
      .review-note-line { margin-top: 10px; color: #4b5e70; font-size: 12px; line-height: 1.65; }
      .review-flat-card { background: #fff; }
      .review-flat-card .review-card-head { align-items: center; }
      .review-flat-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
      .review-flat-title h4 { margin: 0; font-size: 17px; line-height: 1.35; }
      .review-key-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
      .review-key-card { min-height: 62px; border: 1px solid #e1ebf1; border-radius: 8px; background: #f6f9fb; padding: 10px; }
      .review-key-card span { display: block; color: #728294; font-size: 11px; font-weight: 950; }
      .review-key-card strong { display: block; margin-top: 5px; color: #102033; font-size: 17px; line-height: 1.15; word-break: break-word; }
      .review-key-card.is-main { background: #eafff8; border-color: #b8f4e6; }
      .review-key-card.is-main strong { color: var(--brand-dark); font-size: 20px; }
      .review-actions-vertical { display: grid; gap: 8px; }
      .review-actions-vertical button { width: 100%; min-height: 42px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; color: var(--text); font-weight: 950; cursor: pointer; }
      .review-actions-vertical .approve { background: var(--brand); color: #03251f; border-color: transparent; box-shadow: 0 8px 18px rgba(22,217,176,.18); }
      .review-actions-vertical .reject { background: #fff1f2; color: #b91c1c; border-color: #fecaca; }
      .review-hidden-foot { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #d9e7ee; color: #728294; font-size: 12px; }
      .admin-search { display: grid; gap: 6px; margin: 10px 0 8px; }
      .admin-search input { height: 38px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; background: #fbfdff; color: var(--text); font-weight: 800; }
      .admin-search small { color: var(--muted); font-size: 11px; line-height: 1.45; }
      .admin-empty-row { color: var(--muted); font-weight: 800; }
      .staff-form { display: grid; gap: 10px; }
      .staff-form input, .staff-form select { height: 40px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; }
      .staff-form button { height: 40px; border: 0; border-radius: 8px; background: var(--brand); color: #03251f; font-weight: 900; }
      .owner-success { margin: 0 20px 20px; border: 1px solid #9debd7; border-radius: 12px; background: #effff9; padding: 18px; }
      .owner-success h3 { margin: 0 0 8px; font-size: 20px; color: var(--brand-dark); }
      .owner-success p { margin: 0; color: #315061; line-height: 1.7; }
      .owner-success .form-actions { justify-content: flex-start; }
      .pricing-box { display: grid; gap: 10px; padding: 12px; border: 1px solid #d8e6ef; border-radius: 10px; background: #f8fbfd; }
      .pricing-box b { color: var(--brand-dark); }
      .pricing-controls { display: grid; grid-template-columns: repeat(3, minmax(92px, 1fr)); gap: 8px; }
      .pricing-controls label { display: grid; gap: 4px; color: #425568; font-size: 12px; font-weight: 900; }
      .pricing-controls input { height: 34px; border: 1px solid var(--line); border-radius: 7px; padding: 0 8px; }
      .quote-preview { border-radius: 8px; background: #fff; padding: 9px 10px; font-size: 12px; line-height: 1.65; color: #34475a; white-space: normal; }
      .quote-preview.structured { padding: 0; background: transparent; }
      .review-price-hero-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
      .review-price-hero { border: 1px solid #dfeaf0; border-radius: 10px; background: #fff; padding: 12px; }
      .review-price-hero span { display: block; color: #68798b; font-size: 12px; font-weight: 950; }
      .review-price-hero strong { display: block; margin-top: 6px; font-size: 24px; line-height: 1; }
      .review-price-hero small { display: block; margin-top: 7px; color: #7b8a99; font-weight: 800; }
      .review-price-hero.owner { background: #eafff8; border-color: #b8f4e6; }
      .review-price-hero.owner strong { color: #00856f; }
      .review-price-hero.renter { background: #fff7ed; border-color: #fed7aa; }
      .review-price-hero.renter strong { color: #ea580c; }
      .review-price-breakdown { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
      .review-price-breakdown span { border: 1px solid #e2ebf1; border-radius: 7px; background: #fff; padding: 7px 8px; color: #415466; font-size: 12px; font-weight: 900; }
      .review-price-copy-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
      .review-price-copy-row small { color: #708193; font-size: 12px; font-weight: 800; line-height: 1.45; }
      .hidden-code { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; background: #061d24; color: #41e9c9; font-weight: 900; letter-spacing: .2px; }
      .owner-quote { color: var(--brand-dark); font-weight: 900; line-height: 1.6; }
      .favorite-btn, .detail-favorite-btn { border: 1px solid rgba(20,184,166,.42); border-radius: 999px; background: rgba(255,255,255,.92); color: #0f766e; font-weight: 950; cursor: pointer; }
      .favorite-btn { position: absolute; right: 9px; bottom: 9px; min-width: 34px; height: 28px; padding: 0 9px; box-shadow: 0 8px 18px rgba(2,12,20,.16); }
      .favorite-btn.is-favorited, .detail-favorite-btn.is-favorited { background: #13d8b2; color: #05231e; border-color: transparent; }
      .detail-favorite-btn { min-height: 38px; padding: 0 14px; background: #f8fffd; }
      .profile-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 16px; }
      .profile-sidebar { border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 10px; align-self: start; }
      .profile-sidebar-title { min-height: 46px; display:flex; align-items:center; padding: 0 12px; border-radius: 9px; background: #061d24; color:#fff; font-size: 18px; font-weight: 950; }
      .profile-tab { width: 100%; min-height: 46px; margin-top: 8px; border: 0; border-radius: 9px; background: transparent; color: #2b3f50; display:flex; align-items:center; gap: 10px; padding: 0 12px; font-weight: 900; cursor:pointer; text-align:left; }
      .profile-tab:hover { background: #edf8f6; color: #087b6d; }
      .profile-tab.active { background: #e4fbf5; color: #00856f; }
      .profile-main { display: grid; gap: 14px; min-width: 0; }
      .profile-panel { border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 16px; }
      .profile-panel h3 { margin: 0 0 12px; font-size: 18px; color: var(--text); }
      .profile-stat-grid { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
      .profile-stat-grid article { border:1px solid #e0eaf0; border-radius: 10px; background: #f8fbfd; padding: 14px; }
      .profile-stat-grid span { display:block; color: var(--muted); font-size: 12px; font-weight: 900; }
      .profile-stat-grid strong { display:block; margin-top: 8px; color: var(--brand-dark); font-size: 24px; }
      .profile-form { display:grid; gap: 12px; max-width: 760px; }
      .profile-form-row { display:grid; grid-template-columns: 120px minmax(0,1fr); align-items:center; gap: 12px; }
      .profile-form-row span { color:#4a5d6d; font-weight:900; }
      .profile-form input, .profile-form select { height: 40px; border:1px solid var(--line); border-radius: 8px; padding: 0 10px; background:#fbfdff; }
      .profile-avatar-row { display:grid; grid-template-columns: 160px minmax(0,1fr); gap: 18px; align-items:center; }
      .avatar-placeholder { width: 84px; height: 84px; border-radius: 999px; border: 1px dashed #b7c8d4; background: radial-gradient(circle at 50% 38%, #dbe5ec 0 19%, transparent 20%), radial-gradient(circle at 50% 78%, #c8d4dc 0 29%, transparent 30%), #f4f7fa; margin:auto; }
      .profile-actions { display:flex; gap: 10px; justify-content:flex-start; flex-wrap:wrap; }
      .status-chip { display:inline-flex; min-height: 24px; align-items:center; padding:0 8px; border-radius: 999px; background:#edf3f7; color:#34475a; font-size:12px; font-weight:950; }
      .status-chip.available { background:#dcfce7; color:#117a42; }
      .status-chip.rented { background:#fff3df; color:#b95e00; }
      .status-chip.deleted { background:#fee2e2; color:#b91c1c; }
      .listed-account-list { display:grid; gap: 10px; max-height: 560px; overflow:auto; padding-right: 4px; }
      .listed-account-row { display:grid; grid-template-columns: minmax(110px,.7fr) minmax(0,1.6fr) minmax(96px,.55fr) 180px; gap: 10px; align-items:center; border:1px solid #e1ebf1; border-radius: 10px; padding: 10px; background:#fbfdff; }
      .listed-account-row strong { color:#102033; }
      .listed-account-row small { display:block; margin-top: 3px; color: var(--muted); line-height: 1.4; }
      .listed-account-actions { display:grid; gap: 6px; }
      .listed-account-actions button { min-height: 34px; border:1px solid var(--line); border-radius: 8px; background:#fff; font-weight:900; cursor:pointer; }
      .listed-account-actions .active { background:#13d8b2; color:#05231e; border-color:transparent; }
      .listed-account-actions .danger { background:#fff1f2; color:#b91c1c; border-color:#fecaca; }
      @media (max-width: 1180px) { .review-layout { grid-template-columns: 1fr; } .review-actions-vertical { grid-template-columns: repeat(4, 1fr); } }
      @media (max-width: 900px) { .profile-summary, .admin-metrics, .profile-stat-grid { grid-template-columns: repeat(2,1fr); } .admin-grid, .profile-layout { grid-template-columns: 1fr; } .profile-sidebar { position: static; } .listed-account-row { grid-template-columns: 1fr; } .review-price-hero-grid, .review-price-breakdown { grid-template-columns: repeat(2,minmax(0,1fr)); } }
      @media (max-width: 620px) { .profile-summary, .admin-metrics, .profile-stat-grid { grid-template-columns: 1fr; } .profile-form-row, .profile-avatar-row { grid-template-columns: 1fr; } .data-table { font-size: 12px; } .data-table th:nth-child(4), .data-table td:nth-child(4) { display:none; } .review-key-grid, .pricing-controls, .review-price-hero-grid, .review-price-breakdown, .review-actions-vertical { grid-template-columns: 1fr; } .review-flat-title { align-items: flex-start; } }


/* ---- final-polish-css ---- */
.final-trust-row { display: flex; flex-wrap: wrap; gap: 14px 22px; margin: 10px 0 18px; color: #d7f8f2; font-weight: 900; }
      .final-trust-row span { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
      .final-trust-row i { width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid rgba(34,224,189,.55); border-radius: 8px; background: rgba(13, 210, 178, .13); color: #2cf1cf; box-shadow: 0 0 14px rgba(34,224,189,.24); }
      .final-trust-row svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
      .lease-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 3px 8px; border-radius: 6px; background: #eef7f5; color: #057d70; font-weight: 900; }
      .hero, .hero-wrap { overflow-x: clip; }
      .hero-copy { width: min(100% - 32px, 1040px); margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
      .home-primary-actions, .hero-copy .search, .final-trust-row, .quick-categories { max-width: 860px; }
      .content-shell, .detail-section, .profile-section, .admin-section, .owner-section { width: min(100% - 32px, 1240px); max-width: 1240px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
      .service-backdrop, .rent-confirm-backdrop, .message-backdrop, .profile-detail-backdrop, .admin-account-backdrop { position: fixed; inset: 0; z-index: 80; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(1, 10, 16, .62); }
      .service-backdrop.show, .rent-confirm-backdrop.show, .message-backdrop.show, .profile-detail-backdrop.show, .admin-account-backdrop.show { display: flex; }
      .service-backdrop.guide { align-items: flex-start; padding-top: 28px; }
      .service-panel, .rent-confirm-panel, .message-panel, .profile-detail-panel, .admin-account-panel { width: min(920px, 94vw); max-height: 88vh; overflow: auto; border-radius: 12px; background: #fff; color: #102033; box-shadow: 0 24px 80px rgba(0,0,0,.34); }
      .service-panel { width: min(1120px, 94vw); }
      .profile-detail-panel, .admin-account-panel { width: min(1040px, 94vw); }
      .service-head, .rent-confirm-head, .message-head, .profile-detail-head, .admin-account-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-bottom: 1px solid #e5edf3; }
      .service-head h3, .rent-confirm-head h3, .message-head h3, .profile-detail-head h3, .admin-account-head h3 { margin: 0; font-size: 20px; }
      .modal-close { border: 0; background: #eef4f7; border-radius: 8px; width: 36px; height: 36px; cursor: pointer; font-size: 22px; line-height: 1; }
      .service-tabs { display: flex; gap: 10px; padding: 16px 22px 0; }
      .service-tabs button { flex: 1; min-height: 42px; border: 1px solid #d4e4eb; border-radius: 8px; background: #f6fafb; color: #344256; font-weight: 900; cursor: pointer; }
      .service-tabs button.active { border-color: #13c8ad; background: #e8fbf7; color: #008c7a; }
      .service-body { display: block; padding: 22px; }
      .service-qr { width: min(280px, 100%); height: auto; max-height: 360px; object-fit: contain; border-radius: 10px; border: 1px solid #dce8ee; background: #f8fafc; }
      .service-flow { display: grid; gap: 14px; }
      .service-flow article { padding: 12px 14px; border: 1px solid #e2edf2; border-radius: 8px; background: #fbfefd; }
      .service-flow strong { display: block; color: #008d7d; margin-bottom: 4px; }
      .service-dual-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
      .service-process-card { border: 1px solid #d9e8ee; border-radius: 12px; background: linear-gradient(180deg, #ffffff, #f7fbfc); overflow: hidden; box-shadow: 0 12px 32px rgba(5, 28, 40, .08); }
      .service-process-card.rent { border-top: 4px solid #13c8ad; }
      .service-process-card.owner { border-top: 4px solid #f97316; }
      .service-process-top { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; padding: 16px; border-bottom: 1px solid #edf3f6; }
      .service-dual-grid .service-process-top { grid-template-columns: 1fr; }
      .service-qr-box { display: grid; gap: 8px; justify-items: center; align-content: start; padding: 12px; border-radius: 10px; background: #f7fbfc; border: 1px solid #e3eef3; }
      .service-qr-box img { display: block; width: 100%; max-width: 280px; height: auto; max-height: none; object-fit: contain; border-radius: 8px; background: #fff; }
      .service-qr-box span { font-size: 12px; color: #607384; font-weight: 800; }
      .service-process-meta { display: grid; gap: 10px; align-content: start; }
      .service-process-meta h4 { margin: 0; font-size: 20px; color: #082437; }
      .service-process-meta p { margin: 0; line-height: 1.7; color: #4c6175; }
      .service-scene-pill { display: inline-flex; width: fit-content; min-height: 24px; align-items: center; padding: 0 9px; border-radius: 999px; background: #e8fbf7; color: #008574; font-size: 12px; font-weight: 900; }
      .service-section { padding: 14px 16px 16px; border-bottom: 1px solid #eef4f7; }
      .service-section:last-child { border-bottom: 0; }
      .service-section h5 { margin: 0 0 10px; font-size: 15px; color: #102033; }
      .service-ordered { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; counter-reset: serviceStep; }
      .service-ordered li { position: relative; padding: 10px 12px 10px 42px; border: 1px solid #e3edf2; border-radius: 9px; background: #fff; color: #2d4053; line-height: 1.65; }
      .service-ordered li::before { counter-increment: serviceStep; content: counter(serviceStep); position: absolute; left: 12px; top: 12px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; background: #10cdb0; color: #fff; font-size: 12px; font-weight: 900; }
      .service-ordered li.important { border-color: #fed7aa; background: #fff8ed; color: #8a3a0d; font-weight: 900; }
      .service-ordered li.important::before { background: #f97316; }
      .service-step-title { display: block; margin-bottom: 3px; color: #05324a; font-weight: 900; }
      .service-note-text { white-space: pre-line; }
      .message-badge { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 4px; padding: 0 5px; border-radius: 99px; background: #ff5a1f; color: #fff; font-size: 12px; font-weight: 900; }
      .message-list { display: grid; gap: 10px; padding: 18px 22px 22px; }
      .message-item { padding: 12px 14px; border: 1px solid #e3edf2; border-radius: 8px; background: #fbfdfe; }
      .message-item.unread { border-color: #1fd8ba; background: #eefdf9; }
      .message-item strong { display: block; margin-bottom: 4px; color: #102033; }
      .message-item small { color: #66788a; }
      .password-field { position: relative; display: flex; align-items: center; }
      .password-field input { width: 100%; padding-right: 46px !important; }
      .password-eye { position: absolute; right: 8px; width: 34px; height: 30px; border: 0; border-radius: 7px; background: #edf5f7; color: #25435a; font-weight: 900; cursor: pointer; }
      .form-error-bar { margin: 0 0 12px; padding: 10px 12px; border: 1px solid #ffb3b3; border-radius: 8px; background: #fff1f1; color: #c01818; font-weight: 900; }
      .profile-detail-body, .admin-account-body { padding: 20px 22px 24px; display: grid; gap: 16px; }
      .detail-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
      .detail-card-grid article, .admin-edit-grid label { padding: 12px; border: 1px solid #e2edf2; border-radius: 8px; background: #fbfdfe; }
      .detail-card-grid span, .admin-edit-grid span { display: block; margin-bottom: 4px; color: #68798a; font-size: 12px; }
      .detail-card-grid strong { color: #082437; }
      .submission-image-grid { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 10px; }
      .submission-image-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid #dce8ee; border-radius: 8px; background: #07151b; }
      .profile-action-row { display: flex; flex-wrap: wrap; gap: 8px; }
      .profile-action-row button { min-height: 34px; border-radius: 8px; font-weight: 900; }
      .admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
      .admin-tabs button { min-height: 40px; padding: 0 16px; border: 1px solid #d7e6ee; border-radius: 8px; background: #f7fbfc; color: #24384c; font-weight: 900; cursor: pointer; }
      .admin-tabs button.active { border-color: #14cdb1; background: #e7fbf7; color: #007e70; }
      .admin-tab-panel { display: grid; gap: 14px; }
      .admin-dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
      .admin-review-shell { display: grid; gap: 14px; }
      .admin-edit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
      .admin-edit-grid input, .admin-edit-grid select { width: 100%; min-height: 38px; border: 1px solid #d7e5ec; border-radius: 8px; padding: 0 10px; }
      .admin-advanced-info { font-size: 12px; color: #617284; background: #f5f9fb; border: 1px solid #e2edf2; border-radius: 8px; padding: 10px 12px; }
      .rent-confirm-body { padding: 18px 22px 22px; display: grid; gap: 16px; }
      .rent-cost-grid { display: block; padding: 14px 16px; border: 1px dashed #b9d7d0; border-radius: 10px; background: linear-gradient(180deg, #fbfffe, #f3fbf8); box-shadow: inset 0 0 0 1px rgba(255,255,255,.75); }
      .rent-cost-grid div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 9px 0; border: 0; border-bottom: 1px dashed #d8e7e3; border-radius: 0; background: transparent; }
      .rent-cost-grid div:last-child { border-bottom: 0; }
      .rent-cost-grid span { display: block; color: #66788a; font-size: 13px; font-weight: 800; }
      .rent-cost-grid strong { display: block; margin-top: 0; font-size: 18px; color: #0c2638; font-variant-numeric: tabular-nums; white-space: nowrap; }
      .rent-cost-grid .total { margin-top: 8px; padding-top: 13px; border-top: 2px solid #19c9ad; border-bottom: 0; background: #e9fbf7; border-radius: 8px; padding-left: 10px; padding-right: 10px; }
      .rent-cost-grid .total span { color: #008672; font-size: 14px; }
      .rent-cost-grid .total strong { color: #05352f; font-size: 22px; }
      .rent-detail-page { max-width: 1180px; margin: 0 auto; }
      .rent-detail-top { align-items: start; }
      .rent-detail-cover { max-height: 360px; object-fit: contain; background: #07151b; }
      .rent-screenshot-stack figure { max-width: 980px; margin-left: 0; }
      .profile-layout { max-width: 1180px; margin: 0 auto; align-items: start; }
      .profile-main, .profile-panel { min-height: 300px; }
      .review-card.final-review { border-color: #d7e7ef; }
      .review-price-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
      .review-price-strip div { padding: 10px; border-radius: 8px; background: #f3f8fa; border: 1px solid #e1edf2; }
      .review-price-strip span { display: block; color: #68798a; font-size: 12px; }
      .review-price-strip strong { display: block; margin-top: 3px; color: #05324a; font-size: 16px; }
      .review-actions-vertical { display: grid; gap: 9px; align-content: start; min-width: 110px; }
      .review-actions-vertical button, .listed-account-actions button { min-height: 36px; border-radius: 8px; font-weight: 900; }
      .listed-account-toolbar { display: flex; gap: 12px; align-items: center; margin: 12px 0; }
      .listed-account-toolbar input { flex: 1; min-height: 40px; border: 1px solid #d8e5ed; border-radius: 8px; padding: 0 12px; }
      .listed-account-row { grid-template-columns: minmax(120px, .7fr) minmax(260px, 1.8fr) minmax(120px, .8fr) minmax(150px, .9fr); }
      .toolbar { display: flex; flex-wrap: wrap; gap: 12px; max-width: 100%; overflow: visible; }
      .toolbar .filters { display: flex; flex-wrap: wrap; gap: 12px; min-width: 0; max-width: 100%; }
      .toolbar .select-box { flex: 0 1 132px; max-width: 180px; }
      .toolbar .view-tools { margin-left: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; }
      .quick-panel .select-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important; gap: 12px !important; }
      .quick-panel .select-grid .select-box { min-width: 0; width: 100%; }
      .account-card { display: flex; flex-direction: column; min-width: 0; }
      .account-card .shot { aspect-ratio: 4 / 3; min-height: 0; }
      .account-card .shot img { width: 100%; height: 100%; object-fit: cover; }
      .card-body { display: grid; gap: 9px; }
      .card-title { line-height: 1.42; word-break: break-word; }
      .settlement-chip { display: inline-flex; align-items: center; gap: 5px; min-height: 20px; font-size: 12px; font-weight: 900; color: #314255; }
      .settlement-chip::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: #d83535; box-shadow: 0 0 0 3px rgba(216,53,53,.12); }
      .settlement-chip.supported { color: #007e70; }
      .settlement-chip.supported::before { background: #12d5b4; box-shadow: 0 0 0 3px rgba(18,213,180,.15); }
      .card-settlement { position: absolute; left: 10px; bottom: 10px; padding: 4px 8px; border-radius: 999px; background: rgba(4,14,19,.82); color: #fff; border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(8px); }
      .card-settlement.supported { color: #d7fff8; border-color: rgba(19,216,178,.42); }
      .rent-confirm-subtitle { margin: 6px 0 0; color: #506377; line-height: 1.7; }
      .rent-confirm-subtitle strong { display: inline-flex; margin-left: 8px; padding: 3px 8px; border-radius: 999px; background: #e8fbf7; color: #008574; font-weight: 900; }
      .rent-confirm-note { margin-top: 12px; padding: 12px 14px; border-radius: 8px; background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; line-height: 1.7; font-size: 13px; }
      .rent-confirm-note-main { color: #9a3412; }
      .rent-confirm-action-tip { margin-top: 10px; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(19, 200, 173, .38); background: linear-gradient(90deg, #e8fbf7, #f6fffd); color: #006f62; font-size: 14px; font-weight: 1000; }
      .rent-confirm-action-tip b { color: #082437; font-size: 15px; letter-spacing: .2px; }
      .service-tabs.locked { display: none; }
      body[data-view="admin"] .hero, body[data-view="profile"] .hero { min-height: 340px; }
      body[data-view="admin"] .hero-copy, body[data-view="profile"] .hero-copy { padding-top: 70px; padding-bottom: 48px; }
      .skin-note-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr); gap: 14px; }
      .skin-note-card { border: 1px solid #e2edf2; border-radius: 8px; background: #fbfdfe; padding: 14px; line-height: 1.7; color: #24364a; }
      .service-body { grid-template-columns: 300px 1fr; }
      .service-qr { width: 280px; height: 280px; }
      .service-flow article { padding: 14px 16px; line-height: 1.65; }
      .service-flow span { display: block; white-space: pre-line; }
      .admin-section, .profile-section, .detail-section, .owner-section { min-height: 760px; padding-bottom: 80px; }
      .admin-card { min-height: 220px; }
      .admin-tab-panel .admin-card { overflow: visible; }
      .listed-account-list { overflow: visible !important; max-height: none !important; }
      .listed-account-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
      .listed-account-actions button { width: 100%; }
      @media (max-width: 900px) {
        .hero-copy { width: min(100% - 24px, 720px); }
        .toolbar .filters { flex: 1 1 100%; }
        .toolbar .view-tools { width: 100%; margin-left: 0; justify-content: flex-start; }
        .toolbar .select-box { flex: 1 1 140px; max-width: none; }
        .service-dual-grid { grid-template-columns: 1fr; }
        .service-process-top { grid-template-columns: 1fr; }
        .service-body { grid-template-columns: 1fr; }
        .service-qr { width: min(260px, 100%); height: auto; aspect-ratio: 1 / 1; }
        .skin-note-grid { grid-template-columns: 1fr; }
        .rent-cost-grid, .review-price-strip, .detail-card-grid, .admin-dashboard-grid, .admin-edit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .submission-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .listed-account-row { grid-template-columns: 1fr; }
      }
      @media (max-width: 620px) {
        .content-shell, .detail-section, .profile-section, .admin-section, .owner-section { width: min(100% - 20px, 1240px); }
        .service-backdrop.guide { padding-top: 12px; }
        .rent-cost-grid, .review-price-strip, .detail-card-grid, .admin-dashboard-grid, .admin-edit-grid, .submission-image-grid { grid-template-columns: 1fr; }
        .final-trust-row { gap: 10px; }
        .final-trust-row span { flex: 1 1 calc(50% - 10px); white-space: normal; }
        .toolbar { padding: 12px; }
        .toolbar .filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 10px; }
        .toolbar .select-box { min-width: 0; width: 100%; }
        .cards { grid-template-columns: 1fr !important; }
        .account-card, .rent-detail-card, .profile-card, .admin-card, .listed-account-row { min-width: 0; overflow-wrap: anywhere; }
        .account-card .shot { aspect-ratio: 4 / 3; }
        .card-title-row { align-items: flex-start; }
        .rent-detail-hero { grid-template-columns: 1fr !important; }
        .rent-detail-cover { max-width: 100%; }
        .service-panel, .rent-confirm-panel, .message-panel, .login-panel { width: min(100% - 20px, 540px); max-height: calc(100vh - 24px); overflow: auto; }
        .service-body { padding: 14px; }
        .service-process-card { border-radius: 10px; }
        .service-process-top, .service-section { padding: 12px; }
        .service-qr-box img { max-width: 240px; }
        .service-flow article { padding: 12px; }
      }

      /* 6.15 final layout pass: readable cards, symmetric filters, no horizontal overflow. */
      .content-shell, .detail-section, .profile-section, .admin-section, .owner-section {
        width: min(100% - 44px, 1380px);
        margin-left: auto;
        margin-right: auto;
      }
      .quick-panel {
        width: min(100% - 44px, 1320px);
        margin-left: auto;
        margin-right: auto;
        padding: 16px 18px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .quick-panel .select-grid.video-select-grid {
        display: grid !important;
        grid-template-columns: repeat(7, minmax(118px, 1fr));
        gap: 12px;
        width: 100%;
      }
      .quick-panel .select-box {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
      .quick-panel .view-tools {
        width: 100%;
        margin-left: 0;
        display: grid;
        grid-template-columns: minmax(160px, 220px) auto minmax(160px, 220px);
        justify-content: center;
        align-items: end;
        gap: 12px;
      }
      .quick-panel .view-tools #countText {
        justify-self: center;
        align-self: center;
      }
      .quick-panel .view-tools .clear-filter-btn {
        justify-self: start;
      }
      .quick-panel .view-tools .sort-select {
        justify-self: end;
        width: 100%;
      }
      .result-panel {
        width: min(100% - 44px, 1320px);
        margin-left: auto;
        margin-right: auto;
      }
      .cards {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
        gap: 18px;
        align-items: stretch;
      }
      .account-card {
        min-width: 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 26px rgba(6, 20, 31, .14);
      }
      .account-card .shot {
        aspect-ratio: 1.45 / 1 !important;
        min-height: 0;
      }
      .account-card .shot img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card-body {
        padding: 12px;
        gap: 8px;
      }
      .card-title-row {
        padding-bottom: 6px;
      }
      .card-title {
        font-size: 15px;
        line-height: 1.45;
        min-height: 40px;
        max-height: 42px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
      }
      .card-id { margin-top: 4px; }
      .metric-row {
        padding: 8px 0 !important;
        gap: 0;
      }
      .metric strong {
        margin-top: 2px !important;
        font-size: 15px !important;
      }
      .metric.coin strong {
        font-size: 18px !important;
      }
      .price-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }
      .price-grid strong {
        word-break: break-word;
      }
      .spec-row, .tag-row {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .spec-row span, .tag-row span {
        min-width: 0;
        white-space: normal;
      }
      .price-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }
      .feedback-backdrop {
        position: fixed;
        inset: 0;
        z-index: 80;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: rgba(1, 12, 18, .62);
      }
      .feedback-backdrop.show { display: flex; }
      .feedback-panel {
        width: min(100%, 560px);
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
        overflow: hidden;
      }
      .feedback-head {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 18px 20px;
        border-bottom: 1px solid #e5edf2;
      }
      .feedback-head h3 { margin: 0 0 4px; color: #0d2030; }
      .feedback-head p { margin: 0; color: #647486; font-size: 13px; }
      .feedback-body { padding: 18px 20px 20px; display: grid; gap: 12px; }
      .feedback-body label { display: grid; gap: 6px; color: #26384b; font-weight: 800; }
      .feedback-body input, .feedback-body select, .feedback-body textarea {
        width: 100%;
        border: 1px solid #d8e4eb;
        border-radius: 8px;
        padding: 11px 12px;
        font: inherit;
      }
      .feedback-body textarea { min-height: 130px; resize: vertical; }
      .owner-claim-box, .admin-bind-box, .feedback-admin-list {
        border: 1px solid #dbe7ee;
        border-radius: 12px;
        padding: 14px;
        background: #f8fbfd;
      }
      .owner-claim-box { display: grid; gap: 12px; }
      .owner-claim-row, .admin-bind-row {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 10px;
        align-items: end;
      }
      .claimed-account-list { margin-top: 14px; }
      .claim-result { color: #314255; font-size: 13px; }
      .admin-bind-result {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px 10px;
        align-items: center;
        padding: 10px 0;
        border-top: 1px solid #e3edf3;
      }
      .admin-bind-result:first-child { border-top: 0; }
      .admin-bind-result small { color: #6b7d8d; }
      .feedback-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        border-top: 1px solid #e7eef3;
        padding: 14px 0;
      }
      .feedback-row:first-child { border-top: 0; }
      .feedback-row strong { color: #0d2030; }
      .feedback-row small { color: #718094; }
      .feedback-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
      @media (min-width: 1180px) {
        .cards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
      }
      @media (min-width: 1520px) {
        .cards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
      }
      @media (max-width: 980px) {
        .quick-panel .select-grid.video-select-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .quick-panel .view-tools {
          grid-template-columns: 1fr 1fr 1fr;
        }
      }
      @media (max-width: 720px) {
        .content-shell, .detail-section, .profile-section, .admin-section, .owner-section, .quick-panel, .result-panel {
          width: min(100% - 20px, 100%);
        }
        .quick-panel {
          padding: 12px;
        }
        .quick-panel .select-grid.video-select-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .quick-panel .view-tools {
          grid-template-columns: 1fr 1fr;
        }
        .quick-panel .view-tools #countText,
        .quick-panel .view-tools .clear-filter-btn,
        .quick-panel .view-tools .sort-select {
          justify-self: stretch;
        }
        .quick-panel .view-tools #countText {
          grid-column: 1 / -1;
          text-align: center;
        }
        .cards {
          grid-template-columns: 1fr !important;
          gap: 14px;
        }
        .account-card .shot { aspect-ratio: 4 / 3 !important; }
        .owner-claim-row, .admin-bind-row, .feedback-row {
          grid-template-columns: 1fr;
        }
        .feedback-actions { justify-content: flex-start; }
      }

      /* Desktop centerline correction: keep every main block on one visual axis. */
      @media (min-width: 901px) {
        .topbar {
          display: grid !important;
          grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr);
          align-items: center;
          gap: 18px;
        }
        .topbar .brand {
          justify-self: start;
        }
        .topbar .nav {
          grid-column: 2;
          justify-self: center;
        }
        .topbar .top-actions {
          justify-self: end;
        }
        .hero-copy {
          width: min(100% - 56px, 1180px) !important;
          margin-left: auto !important;
          margin-right: auto !important;
          display: grid;
          justify-items: center;
          box-sizing: border-box;
        }
        .hero-copy > .eyebrow,
        .hero-copy > h1,
        .hero-copy > .hero-sub {
          width: min(100%, 980px);
          margin-left: auto;
          margin-right: auto;
        }
        .final-trust-row,
        .hero-copy .search,
        .home-primary-actions,
        .asset-entry-row {
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .final-trust-row {
          width: min(100%, 860px);
          justify-content: center;
        }
        .hero-copy .search {
          width: min(100%, 860px);
        }
        .home-primary-actions {
          width: min(100%, 574px);
          justify-content: center;
        }
        .asset-entry-row {
          width: min(100%, 760px);
          justify-content: center;
        }
        .content-shell,
        .result-panel {
          width: min(100% - 56px, 1480px) !important;
          max-width: 1480px !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .content-shell {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        .quick-panel,
        .result-panel {
          width: 100% !important;
          max-width: none !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
        }
        .cards {
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        }
        .account-card {
          border-radius: 9px;
        }
        .account-card .shot {
          aspect-ratio: 2.02 / 1 !important;
        }
        .card-body {
          padding: 10px 12px 12px !important;
          gap: 7px !important;
        }
        .card-title-row {
          padding-bottom: 6px !important;
          align-items: flex-start !important;
        }
        .card-title {
          font-size: 14px !important;
          line-height: 1.35 !important;
          min-height: 38px !important;
          max-height: 38px !important;
        }
        .card-id {
          margin-top: 3px !important;
          font-size: 12px !important;
        }
        .insured {
          flex: 0 0 auto;
          padding: 3px 7px !important;
          font-size: 12px !important;
        }
        .metric-row {
          padding: 8px 0 !important;
          border-bottom: 0 !important;
        }
        .metric span {
          font-size: 12px !important;
        }
        .metric strong {
          font-size: 15px !important;
        }
        .metric.coin strong {
          font-size: 18px !important;
        }
        .price-row {
          gap: 8px !important;
          margin-top: 2px;
        }
        .price-row button {
          min-height: 38px !important;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        .tag-row {
          margin: 2px 0 0 !important;
          gap: 5px !important;
          min-height: 24px;
        }
        .tag-row span {
          padding: 3px 7px !important;
          font-size: 12px !important;
          line-height: 1.25;
        }
      }

      /* 6.16 layout refinements: centered filters, wider category entries, homepage two-row list. */
      .service-confirm-row {
        display: flex;
        justify-content: center;
        padding: 0 22px 22px;
      }
      .service-confirm-row .submit {
        min-width: 160px;
        min-height: 42px;
      }
      .home-more-row {
        display: none;
        justify-content: center;
        padding: 22px 0 4px;
      }
      .home-more-row.show {
        display: flex;
      }
      .home-more-row button {
        min-width: 180px;
        min-height: 44px;
        border: 1px solid rgba(34, 224, 189, .42);
        border-radius: 10px;
        background: linear-gradient(135deg, #12d7b5, #07947f);
        color: #fff;
        font-weight: 950;
        cursor: pointer;
        box-shadow: 0 12px 26px rgba(0, 159, 132, .22);
      }
      @media (min-width: 901px) {
        .quick-panel {
          display: grid !important;
          justify-items: center;
        }
        .quick-panel .select-grid.video-select-grid {
          width: min(100%, 1136px) !important;
          grid-template-columns: repeat(7, minmax(132px, 148px)) !important;
          justify-content: center;
        }
        .quick-panel .view-tools {
          width: min(100%, 560px) !important;
          grid-template-columns: 220px auto 110px !important;
          justify-content: center !important;
        }
        .hero-copy .asset-entry-row {
          width: 920px !important;
          max-width: 100% !important;
          grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
          gap: 18px !important;
        }
        .hero-copy .asset-entry-row button {
          min-height: 76px !important;
          padding: 12px 18px !important;
        }
      }
      @media (max-width: 720px) {
        .home-more-row {
          padding-top: 16px;
        }
        .service-confirm-row {
          padding: 0 14px 16px;
        }
      }