/*
 * Stock analysis assistant — reverse-perspective chaekgeori theme.
 * Bone silk, malachite mineral panels, jade keylines and cinnabar actions.
 * No live-market data is implied by this UI.
 */

@font-face {
    font-family: "Stock Sans";
    src: url("/assets/user/fonts/noto-sans-sc-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Stock Sans";
    src: url("/assets/user/fonts/noto-sans-sc-800.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

:root {
    --stock-paper: #f2ead8;
    --stock-surface: #fffaf0;
    --stock-surface-alt: #ebe2cf;
    --stock-ink: #173f35;
    --stock-muted: #5e6f65;
    --stock-navy: #073f35;
    --stock-navy-2: #0d5144;
    --stock-blue: #bd3727;
    --stock-blue-deep: #96291e;
    --stock-red: #bd3727;
    --stock-green: #2f6a5b;
    --stock-jade: #9dc7ad;
    --stock-jade-soft: #d7e2ce;
    --stock-border: #c8bfa9;
    --stock-border-dark: #6d8979;
    --stock-focus: #bd3727;
    --stock-shadow: 0 18px 44px rgba(24, 64, 52, .13);
    --stock-width: 1440px;
    --stock-radius: 2px;
}

html { scroll-behavior: smooth; }

body.stock-theme {
    margin: 0;
    color: var(--stock-ink);
    background-color: var(--stock-paper) !important;
    background-image: none !important;
    font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.stock-theme *, .stock-theme *::before, .stock-theme *::after { box-sizing: border-box; }
.stock-theme a { color: inherit; text-decoration: none; }
.stock-theme img { max-width: 100%; }
.stock-theme button, .stock-theme input, .stock-theme select, .stock-theme textarea { font: inherit; }
.stock-theme :focus-visible {
    outline: 3px solid rgba(43, 120, 181, .32) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

/* Public navigation */
.stock-public .navbar-acg {
    min-height: 76px;
    padding: 0;
    color: #fff;
    background: var(--stock-navy) !important;
    border-bottom: 3px solid var(--stock-blue);
    box-shadow: none !important;
}

.stock-public .navbar-acg .container { max-width: var(--stock-width); min-height: 73px; }
.stock-public .navbar-brand { gap: 11px; color: #fff !important; }
.stock-brand-mark {
    display: inline-grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    color: #fff;
    background: var(--stock-blue);
    border: 1px solid rgba(255, 255, 255, .34);
}

.stock-brand-mark svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter; }
.stock-brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.stock-brand-copy strong { max-width: 220px; overflow: hidden; font-size: 16px; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.stock-brand-copy small { margin-top: 5px; color: #9fb4c8; font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.stock-public .navbar-nav { gap: 4px; margin-left: 36px; }
.stock-public .navbar-nav .nav-link {
    position: relative;
    min-height: 73px;
    padding: 0 15px;
    display: flex;
    gap: 7px;
    align-items: center;
    color: #b9c8d6 !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
}

.stock-public .navbar-nav .nav-link::after { content: ""; position: absolute; right: 15px; bottom: 0; left: 15px; height: 3px; background: transparent; }
.stock-public .navbar-nav .nav-link:hover, .stock-public .navbar-nav .nav-link.active { color: #fff !important; background: rgba(255,255,255,.045); }
.stock-public .navbar-nav .nav-link.active::after { background: #62a8da; }
.stock-public .nav-icon { width: 17px; text-align: center; }
.stock-public .search-input { width: min(292px, 24vw); }
.stock-public .search-input .input-group { height: 38px; }
.stock-public .search-input .input-group-text,
.stock-public .search-input .form-control {
    color: #d9e4ed;
    background: var(--stock-navy-2) !important;
    border-color: #30465e !important;
    border-radius: 0;
}
.stock-public .search-input .input-group-text { border-right: 0 !important; }
.stock-public .search-input .form-control { border-left: 0 !important; font-size: 13px; }
.stock-public .search-input .form-control::placeholder { color: #8498aa; }
.stock-public .user-login-box { display: flex; gap: 8px; }
.stock-public .user-login-box .btn,
.stock-public .user-info-box .btn { border-radius: 2px !important; font-weight: 700; }
.stock-public .user-login-box .btn-outline-secondary { color: #d8e3ec; border-color: #546a80; }
.stock-public .user-login-box .btn-outline-secondary:hover { color: var(--stock-navy); background: #e8eef3; }
.stock-public .user-login-box .btn-primary { background: var(--stock-blue); border-color: #387eb1; }
.stock-public .user-info-box .dropdown-toggle, .stock-public .user-info-box #username { color: #fff !important; }
.stock-public .user-info-box .text-muted { color: #9fb0c0 !important; }
.stock-public .dropdown-menu { padding: 6px; border: 1px solid var(--stock-border); border-radius: 2px; box-shadow: var(--stock-shadow); }
.stock-public .dropdown-item { padding: 9px 10px; border-radius: 1px; font-size: 13px; }
.stock-public .dropdown-item:hover { background: #edf3f7; color: var(--stock-blue-deep); }
.stock-public .navbar-toggler { padding: 6px 8px; border: 1px solid #53687d; border-radius: 2px; }
.stock-public .navbar-toggler-icon { filter: invert(1); }

/* Homepage */
.stock-home { width: min(calc(100% - 40px), var(--stock-width)); margin: 0 auto; padding: 20px 0 42px; }
.stock-brief-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(340px, .72fr);
    min-height: 300px;
    background: var(--stock-surface);
    border: 1px solid var(--stock-border-dark);
    border-top: 4px solid var(--stock-navy);
    box-shadow: var(--stock-shadow);
}

.stock-hero-copy { position: relative; padding: 30px 38px 28px; overflow: hidden; }
.stock-hero-copy::before {
    content: "MARKET RESEARCH / 研究服务";
    display: none;
    margin-bottom: 0;
    color: var(--stock-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .17em;
}
.stock-hero-copy::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -58px;
    width: 230px;
    height: 150px;
    opacity: .1;
    background: linear-gradient(155deg, transparent 42%, var(--stock-blue) 43% 45%, transparent 46%), linear-gradient(25deg, transparent 54%, var(--stock-red) 55% 57%, transparent 58%);
    transform: rotate(-5deg);
    pointer-events: none;
}
.stock-hero-copy h1 {
    max-width: 720px;
    margin: 0;
    color: var(--stock-navy);
    font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: clamp(32px, 3.1vw, 44px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.035em;
}
.stock-hero-copy > p { max-width: 660px; margin: 14px 0 0; color: var(--stock-muted); font-size: 14px; line-height: 1.7; }
.stock-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.stock-btn { min-height: 44px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 2px; font-size: 13px; font-weight: 750; letter-spacing: .02em; transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease; }
.stock-btn:hover { transform: translateY(-1px); }
.stock-btn-primary { color: #fff !important; background: var(--stock-blue); border-color: var(--stock-blue); }
.stock-btn-primary:hover { background: var(--stock-blue-deep); }
.stock-btn-secondary { color: var(--stock-navy) !important; background: #fff; border-color: var(--stock-border-dark); }
.stock-btn-secondary:hover { border-color: var(--stock-blue); color: var(--stock-blue) !important; }
.stock-hero-note { margin-top: 16px; display: flex; gap: 9px; align-items: flex-start; color: #556575; font-size: 12px; line-height: 1.6; }
.stock-hero-note i { margin-top: 3px; color: var(--stock-green); }
.stock-mobile-disclosure { display: none; }

.stock-process-sheet { position: relative; padding: 22px 26px; color: #e9f0f5; background: var(--stock-navy); overflow: hidden; }
.stock-process-head { position: relative; z-index: 1; padding-bottom: 10px; display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid #42546a; }
.stock-process-head span { font-size: 14px; font-weight: 750; }
.stock-process-head b { color: #7890a8; font-size: 9px; letter-spacing: .16em; }
.stock-process-sheet ol { position: relative; z-index: 1; margin: 10px 0 0; padding: 0; list-style: none; }
.stock-process-sheet li { display: grid; grid-template-columns: 43px 1fr; gap: 13px; padding: 11px 0; border-bottom: 1px solid #2c4056; }
.stock-process-sheet li > span { color: #72afd8; font-family: "Stock Sans", sans-serif; font-size: 21px; }
.stock-process-sheet li div { display: flex; flex-direction: column; gap: 6px; }
.stock-process-sheet li strong { font-size: 14px; letter-spacing: .03em; }
.stock-process-sheet li small { color: #91a5b7; font-size: 11px; line-height: 1.6; }
.stock-process-grid { position: absolute; right: -30px; bottom: -12px; display: grid; grid-template-columns: repeat(4, 27px); gap: 7px; opacity: .18; transform: rotate(-6deg); }
.stock-process-grid i { width: 27px; height: 27px; border: 1px solid #78a6c8; }

.stock-disclosure { position: relative; margin: 12px 0 22px; padding: 10px 14px 10px 20px; display: flex; gap: 12px; align-items: flex-start; color: #48596a; background: #f7f9fa; border: 1px solid var(--stock-border); font-size: 12px; line-height: 1.55; }
.stock-disclosure::before { content: ""; position: absolute; top: 15px; left: 9px; width: 4px; height: 4px; background: var(--stock-red); }
.stock-disclosure > i { margin-top: 3px; color: var(--stock-red); }
.stock-disclosure div { min-width: 0; display: flex; gap: 11px; overflow-wrap: anywhere; }
.stock-disclosure strong { flex: 0 0 auto; color: var(--stock-navy); }
.stock-section-head { margin-bottom: 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.stock-section-head h2, .stock-page-heading h1 { margin: 0; color: var(--stock-navy); font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif; font-weight: 700; letter-spacing: -.02em; }
.stock-section-head h2 { font-size: 27px; }
.stock-section-head p { margin: 8px 0 0; color: var(--stock-muted); font-size: 13px; }
.stock-mobile-search { display: none; }
.stock-category-row { position: relative; margin-bottom: 14px; padding: 10px; background: #e4eaee; border: 1px solid var(--stock-border); }
.stock-category-row::before { content: "FILTER"; position: absolute; top: -8px; right: 14px; padding: 0 5px; color: #7b8995; background: var(--stock-paper); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.stock-category-row .chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
.stock-category-row .chip { min-height: 44px; padding: 7px 12px; display: inline-flex; gap: 7px; align-items: center; color: #415365; background: #fff; border: 1px solid #bbc7d0; border-radius: 2px; font-size: 12px; font-weight: 700; transition: color .15s ease, background .15s ease, border-color .15s ease; }
.stock-category-row .chip:hover { color: var(--stock-blue); border-color: var(--stock-blue); }
.stock-category-row .chip.is-primary { color: #fff; background: var(--stock-navy); border-color: var(--stock-navy); }
.stock-category-row .chip-icon { width: 20px; height: 20px; border-radius: 1px; filter: grayscale(.25); }
.stock-service-grid { min-height: 205px; margin-right: -7px; margin-left: -7px; }
.stock-service-grid > [class*="col-"] { padding-right: 7px; padding-left: 7px; }
.stock-service-grid .acg-card {
    position: relative;
    color: var(--stock-ink);
    background: var(--stock-surface);
    border: 1px solid var(--stock-border) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.stock-service-grid a:hover .acg-card { transform: translateY(-3px); border-color: #8ba5b8 !important; box-shadow: 0 12px 24px rgba(11, 23, 40, .09) !important; }
.stock-service-grid .acg-thumb { height: auto !important; aspect-ratio: 16 / 9; border-radius: 0 !important; border-bottom: 1px solid var(--stock-border); }
.stock-service-grid .acg-thumb::after { content: "ANALYSIS"; position: absolute; top: 10px; left: 10px; padding: 4px 7px; color: #fff; background: rgba(11, 23, 40, .88); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.stock-service-grid .p-3 { padding: 15px !important; }
.stock-service-grid .tags { min-height: 21px; display: flex; gap: 6px; }
.stock-theme .badge-soft { padding: 4px 7px; border-radius: 1px !important; font-size: 10px; font-weight: 750; }
.stock-theme .badge-soft-success { color: #126d53 !important; background: #e1f1eb !important; }
.stock-theme .badge-soft-primary { color: #1a5783 !important; background: #e2edf5 !important; }
.stock-theme .badge-soft-info { color: #4d6071 !important; background: #e9eef2 !important; }
.stock-service-grid .goods-title { min-height: 48px; margin: 12px 0 7px; color: var(--stock-navy); font-size: 15px; font-weight: 750; line-height: 1.55; }
.stock-service-grid .price, .stock-item-page .abacus .price { color: var(--stock-red) !important; font-family: "Stock Sans", "PingFang SC", sans-serif; font-weight: 700; }
.stock-service-grid .price { font-size: 23px; }
.stock-service-grid .price .unit { margin-right: 2px; font-size: 12px; }
.stock-service-grid .stat-bottom { padding-top: 10px; display: flex; justify-content: space-between; color: #7b8994; border-top: 1px solid #e3e8eb; font-size: 10px; }
.stock-service-grid .soldout { filter: grayscale(.8); opacity: .7; }
.stock-service-grid .soldout-ribbon { color: #fff; background: #697783; border-radius: 0; }
.stock-empty-state, .item-message { width: calc(100% - 14px); min-height: 180px; margin: 7px; display: flex; flex-direction: column; gap: 9px; align-items: center; justify-content: center; color: var(--stock-muted); background: var(--stock-surface-alt); border: 1px dashed var(--stock-border-dark); text-align: center; }
.stock-empty-state i { color: var(--stock-blue); font-size: 28px; }
.stock-empty-state strong { color: var(--stock-navy); font-size: 15px; }
.stock-empty-state span { font-size: 12px; }

/* Shared content panels */
.stock-item-page, .stock-query-page { max-width: var(--stock-width); min-height: calc(100vh - 150px); }
.stock-breadcrumb { display: flex; gap: 10px; align-items: center; color: var(--stock-muted); font-size: 12px; }
.stock-breadcrumb a { color: var(--stock-blue); font-weight: 700; }
.stock-breadcrumb i { color: #9aa7b1; font-size: 9px; }
.stock-theme .panel { background: var(--stock-surface) !important; border: 1px solid var(--stock-border) !important; border-radius: var(--stock-radius) !important; box-shadow: 0 8px 24px rgba(11,23,40,.055) !important; overflow: hidden; }
.stock-theme .panel-header { min-height: 52px; padding: 0 19px !important; display: flex; gap: 10px; align-items: center; background: #f7f9fa !important; border-bottom: 1px solid var(--stock-border) !important; }
.stock-theme .panel-header .icon { color: var(--stock-blue) !important; background: transparent !important; font-size: 17px; }
.stock-theme .panel-title { margin: 0; color: var(--stock-navy) !important; font-size: 14px; font-weight: 800; }
.stock-theme .panel-body { padding: 22px !important; }
.stock-item-page > .panel:first-of-type { border-top-color: var(--stock-border) !important; box-shadow: inset 0 3px 0 var(--stock-navy), 0 8px 24px rgba(11,23,40,.055) !important; }
.stock-item-page .acg-cover { display: flex; align-items: center; justify-content: center; background: #e7ecef; border: 1px solid var(--stock-border) !important; border-radius: 1px !important; overflow: hidden; }
.stock-item-page .item-cover { width: 100%; max-height: 560px; object-fit: cover; border-radius: 0 !important; }
.stock-item-page h4 { margin: 0 0 13px; color: var(--stock-navy); font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: clamp(24px, 2.4vw, 34px); font-weight: 700; line-height: 1.35; }
.stock-item-page .abacus { position: relative; margin: 24px 0 18px !important; padding: 14px 16px 14px 22px; background: #f1f4f6; border: 1px solid #e0e6ea; }
.stock-item-page .abacus::before { content: ""; position: absolute; top: 18px; left: 11px; width: 4px; height: 4px; background: var(--stock-red); }
.stock-item-page .abacus .price { font-size: 30px; }
.stock-theme .form-label { color: #3d4c5b; font-size: 12px; font-weight: 750; }
.stock-theme .form-control, .stock-theme .form-select, .stock-theme select, .stock-theme textarea {
    min-height: 44px;
    color: var(--stock-ink) !important;
    background: #fff !important;
    border: 1px solid #b9c6cf !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
.stock-theme .form-control:focus, .stock-theme .form-select:focus, .stock-theme select:focus, .stock-theme textarea:focus { border-color: var(--stock-focus) !important; box-shadow: 0 0 0 3px rgba(43,120,181,.14) !important; }
.stock-theme .form-control::placeholder { color: #8a97a1; }
.stock-item-page .sku-list { display: flex; flex-wrap: wrap; gap: 8px; }
.stock-item-page .sku { margin: 0; padding: 8px 11px; color: #405263; background: #fff; border: 1px solid #b9c6cf; border-radius: 1px; box-shadow: none; font-size: 12px; }
.stock-item-page .sku:hover { color: var(--stock-blue); border-color: var(--stock-blue); }
.stock-item-page .sku.is-primary { color: #fff; background: var(--stock-navy); border-color: var(--stock-navy); }
.stock-item-page .sku .badge-money { margin-left: 7px; color: inherit !important; background: transparent !important; }
.stock-item-page .optional-card { min-height: 42px; padding: 8px 13px; color: var(--stock-blue); background: #edf4f8; border: 1px solid #a6bdcd; border-radius: 2px; }
.stock-item-page .input-group.qty-group {
    width: 175px;
    min-height: 44px;
    padding: 0;
    gap: 0;
    background: #fff;
    border: 1px solid #b9c6cf;
    border-radius: 2px;
    box-shadow: none;
}
.stock-item-page .input-group.qty-group > button { width: 44px; height: 42px; color: var(--stock-navy); background: #e9eef2; border: 0; border-radius: 0; box-shadow: none; }
.stock-item-page .input-group.qty-group > input[type="number"] { min-width: 70px; min-height: 42px; padding: 0; color: var(--stock-navy) !important; background: #fff !important; border: 0 !important; box-shadow: none !important; }
.stock-item-page .cash-pay { padding: 15px !important; background: #f4f7f8 !important; border: 1px solid var(--stock-border) !important; border-radius: 1px !important; box-shadow: none !important; }
.stock-item-page .pay-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.stock-item-page .pay-list .pay { min-height: 56px; margin: 0 !important; padding: 9px 12px !important; display: flex; gap: 9px; align-items: center; background: #fff !important; border: 1px solid #b9c6cf !important; border-radius: 2px !important; box-shadow: none !important; }
.stock-item-page .pay-list .pay:hover { border-color: var(--stock-blue) !important; }
.stock-item-page .pay-list .pay.is-primary, .stock-item-page .pay-list .pay.active, .stock-item-page .pay-list .pay.selected { background: #eaf2f7 !important; border-color: var(--stock-blue) !important; box-shadow: inset 3px 0 0 var(--stock-blue) !important; }
.stock-item-page .pay-list .pay img { width: 28px; height: 28px; object-fit: contain; }
.stock-item-page .item-detail .panel-body { color: #40505f; font-size: 14px; line-height: 1.85; }
.stock-item-page .item-detail .panel-body img { border-radius: 0 !important; }

/* Order query */
.stock-query-page { padding-top: 44px !important; }
.stock-page-heading { max-width: 690px; margin-bottom: 24px; }
.stock-page-heading::before { display: none; }
.stock-page-heading h1 { font-size: clamp(29px, 3vw, 40px); }
.stock-page-heading p { margin: 10px 0 0; color: var(--stock-muted); font-size: 14px; line-height: 1.7; }
.stock-query-page > .panel { border-top-color: var(--stock-border) !important; box-shadow: inset 0 3px 0 var(--stock-navy), 0 8px 24px rgba(11,23,40,.055) !important; }
.stock-query-form-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.stock-query-page .btn-search-query { min-width: 145px; min-height: 44px; background: var(--stock-blue) !important; border: 1px solid var(--stock-blue) !important; border-radius: 2px !important; font-size: 13px; font-weight: 750; }
.stock-query-page .btn-search-query:hover { background: var(--stock-blue-deep) !important; }
.stock-query-page .order-results, .stock-query-page .no-results, .stock-query-page .loading-state { margin-top: 16px; }
.stock-query-page .order-list > * { border-color: var(--stock-border) !important; }

/* Footer */
.stock-footer { min-height: 64px; padding: 16px max(20px, calc((100% - var(--stock-width)) / 2)); display: flex; gap: 20px; align-items: center; justify-content: space-between; color: #90a2b2; background: var(--stock-navy); border-top: 1px solid #263a50; font-size: 11px; letter-spacing: .02em; }

/* Authentication */
.stock-auth { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, .82fr) minmax(500px, 1.18fr); background: var(--stock-paper) !important; }
.stock-auth-intro { position: relative; min-height: 100vh; padding: 44px clamp(34px, 5vw, 84px); display: flex; flex-direction: column; color: #fff; background: var(--stock-navy); overflow: hidden; }
.stock-auth-intro::after { content: ""; position: absolute; right: -90px; bottom: 74px; width: 390px; height: 210px; border-top: 2px solid #4b83ad; border-right: 2px solid #4b83ad; transform: skewY(-24deg); opacity: .3; }
.stock-auth-brand { position: relative; z-index: 1; display: inline-flex; gap: 12px; align-items: center; color: #fff !important; }
.stock-auth-brand > span:last-child { display: flex; flex-direction: column; line-height: 1.1; }
.stock-auth-brand strong { font-size: 16px; }
.stock-auth-brand small { margin-top: 5px; color: #8ea5b9; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.stock-auth-copy { position: relative; z-index: 1; max-width: 590px; margin: auto 0; padding: 64px 0; }
.stock-kicker { display: none; }
.stock-auth-copy h2 { margin: 20px 0 0; font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: clamp(32px, 3.5vw, 50px); font-weight: 700; line-height: 1.28; letter-spacing: -.03em; }
.stock-auth-copy p { max-width: 530px; margin: 22px 0 0; color: #9db0c0; font-size: 14px; line-height: 1.9; }
.stock-auth-facts { position: relative; z-index: 1; padding-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-top: 1px solid #32465d; }
.stock-auth-facts span { display: flex; flex-direction: column; gap: 5px; color: #9db0c0; font-size: 11px; }
.stock-auth-facts b { color: #70a9d1; font-family: "Stock Sans", sans-serif; font-size: 16px; }
.stock-auth .auth-wrapper { min-height: 100vh; padding: 42px 24px !important; display: flex; align-items: center; justify-content: center; background: transparent !important; overflow: visible; }
.stock-auth .auth-wrapper::before, .stock-auth .auth-wrapper::after { display: none !important; }
.stock-auth .auth-card { width: 100%; max-width: 480px; padding: 38px !important; color: var(--stock-ink) !important; background: #fff !important; border: 1px solid var(--stock-border-dark) !important; border-radius: 2px !important; box-shadow: inset 0 3px 0 var(--stock-navy), var(--stock-shadow) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.stock-auth .brand-header { margin-bottom: 18px; text-align: left; }
.stock-auth .brand-logo { margin: 0; }
.stock-auth .brand-icon { width: 48px; height: 48px; padding: 6px; object-fit: contain; background: #f0f3f5; border: 1px solid var(--stock-border); border-radius: 1px !important; box-shadow: none !important; }
.stock-auth .brand-icon:hover { transform: none; }
.stock-auth-title, .stock-auth .auth-title { margin: 0; color: var(--stock-navy) !important; font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: 700; text-align: left; }
.stock-auth .auth-subtitle { margin-top: 9px; color: var(--stock-muted) !important; line-height: 1.7; }
.stock-auth .text-link { color: var(--stock-blue) !important; font-weight: 700; }
.stock-auth .form-floating > label { color: #677584 !important; }
.stock-auth .form-floating > .form-control::placeholder { color: transparent !important; }
.stock-auth .form-check { color: #5f6d7a; }
.stock-auth .form-check input[type="checkbox"] { border-color: #9eacb7; border-radius: 1px; box-shadow: none; }
.stock-auth .form-check input[type="checkbox"]:checked { background: var(--stock-blue); border-color: var(--stock-blue); box-shadow: none; }
.stock-auth .btn-gradient { min-height: 46px; color: #fff; background: var(--stock-blue) !important; border: 1px solid var(--stock-blue) !important; border-radius: 2px !important; box-shadow: none !important; font-size: 14px; font-weight: 750; }
.stock-auth .btn-gradient:hover { background: var(--stock-blue-deep) !important; transform: none; }
.stock-auth .image-code, .stock-auth .prompt-image-code { height: 48px; margin-left: 0; border: 1px solid var(--stock-border); border-radius: 1px; opacity: 1; }
.stock-auth .divider { color: #85929d; }

/* Account workspace: flatten the previous glass skin into a research console. */
:root[data-theme] .stock-account {
    --md-primary: var(--stock-blue);
    --md-primary-rgb: 29, 95, 148;
    --md-on-primary: #fff;
    --uc-primary-deep: var(--stock-navy);
    --glass-bg: #fff;
    --glass-bg-strong: #fff;
    --glass-bg-soft: #f5f7f8;
    --glass-border: var(--stock-border);
    --glass-border-soft: #dce3e8;
    --glass-hi: none;
    --glass-filter: none;
    --glass-filter-strong: none;
    --glass-shadow: 0 8px 22px rgba(11,23,40,.055);
    --glass-shadow-lg: 0 14px 30px rgba(11,23,40,.08);
    --glass-radius: 3px;
    --glass-radius-sm: 2px;
    --uc-field-bg: #fff;
    --uc-ink: var(--stock-ink);
    --uc-ink-med: var(--stock-muted);
    --uc-ink-dis: #8b98a2;
    --uc-focus: var(--stock-focus);
    --uc-focus-rgb: 43,120,181;
}
:root[data-theme="dark"] .stock-account {
    --stock-paper: #101923;
    --stock-surface: #182430;
    --stock-surface-alt: #1d2a36;
    --stock-ink: #e6edf2;
    --stock-muted: #9aacba;
    --stock-border: #344555;
    --stock-border-dark: #506273;
    --glass-bg: #182430;
    --glass-bg-strong: #1b2936;
    --glass-bg-soft: #1d2a36;
    --glass-border: #344555;
    --glass-border-soft: #2d3d4c;
    --uc-field-bg: #15212c;
    --uc-ink: #e6edf2;
    --uc-ink-med: #a5b5c2;
    --uc-ink-dis: #7f919f;
}
.stock-account .bg-content, .stock-account .uc-bg { min-height: 100vh; background: transparent !important; }
.stock-account .uc-nav-wrap { background: var(--stock-navy) !important; border-bottom: 1px solid var(--stock-red) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.stock-account .uc-nav { max-width: 1440px; }
.stock-account .uc-brand__logo { border-radius: 1px !important; }
.stock-account .uc-brand__name, .stock-account .uc-nav__item, .stock-account .uc-nav__link, .stock-account .uc-user__lv { color: #d8e4ed !important; }
.stock-account .uc-nav__item:hover, .stock-account .uc-nav__item.active, .stock-account .uc-nav__link:hover, .stock-account .uc-nav__link.active { color: #fff !important; background: rgba(255,255,255,.065) !important; border-radius: 1px !important; }
.stock-account .uc-submenu, .stock-account .uc-message-dropdown { background: var(--stock-surface) !important; border: 1px solid var(--stock-border) !important; border-radius: 2px !important; box-shadow: var(--stock-shadow) !important; backdrop-filter: none !important; }
.stock-account .uc-subitem { color: var(--stock-ink) !important; border-radius: 1px !important; }
.stock-account .uc-subitem:hover { color: var(--stock-blue) !important; background: var(--stock-surface-alt) !important; }
.stock-account .uc-theme-btn, .stock-account .uc-message-btn, .stock-account .uc-user__btn { border-radius: 1px !important; }
.stock-account .uc-main { max-width: 1280px; padding-top: 28px; }
.stock-account .uc-card, .stock-account .uc-kpi, .stock-account .uc-section, .stock-account .uc-stat-card, .stock-account .md-card {
    background: var(--stock-surface) !important;
    border: 1px solid var(--stock-border) !important;
    border-radius: 3px !important;
    box-shadow: 0 7px 20px rgba(11,23,40,.05) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.stock-account .uc-card__head, .stock-account .uc-card__header { border-bottom-color: var(--stock-border) !important; }
.stock-account .uc-title, .stock-account .uc-card__title, .stock-account .uc-subhead__title { color: var(--stock-ink) !important; }
.stock-account .uc-btn--primary, .stock-account .md-btn--primary, .stock-account .layui-btn-normal { color: #fff !important; background: var(--stock-blue) !important; border-color: var(--stock-blue) !important; border-radius: 2px !important; box-shadow: none !important; }
.stock-account .uc-btn, .stock-account .md-btn, .stock-account .layui-btn { border-radius: 2px !important; box-shadow: none !important; }
.stock-account input, .stock-account select, .stock-account textarea { border-radius: 2px !important; box-shadow: none !important; }
.stock-account table { color: var(--stock-ink); }
.stock-account .table > :not(caption) > * > *, .stock-account .layui-table td, .stock-account .layui-table th { border-color: var(--stock-border) !important; }
.stock-account .table thead, .stock-account .layui-table thead { background: var(--stock-surface-alt) !important; }
.stock-account .badge, .stock-account .acg-badge { border-radius: 1px !important; }
.stock-account .net-loading .loading-view { background: rgba(238,242,244,.88) !important; backdrop-filter: none !important; }

/* Responsive layout */
@media (max-width: 991.98px) {
    .stock-public .navbar-acg .container { padding-top: 10px; padding-bottom: 10px; }
    .stock-public .navbar-nav { margin: 12px 0 0; padding: 8px 0; border-top: 1px solid #30445a; }
    .stock-public .navbar-nav .nav-link { min-height: 44px; padding: 0 8px; }
    .stock-public .navbar-nav .nav-link::after { right: auto; bottom: 6px; left: 0; width: 3px; height: 30px; }
    .stock-brief-hero { grid-template-columns: 1fr; }
    .stock-hero-copy { padding: 28px 34px 26px; }
    .stock-process-sheet { padding: 18px 28px; }
    .stock-process-sheet ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 8px; }
    .stock-process-sheet li { grid-template-columns: 1fr; padding: 8px 18px; border-bottom: 0; border-right: 1px solid #2c4056; }
    .stock-process-sheet li:last-child { border-right: 0; }
    .stock-mobile-search { width: min(320px, 100%); min-height: 44px; padding: 0 12px; display: flex; gap: 9px; align-items: center; color: var(--stock-blue); background: #fff; border: 1px solid var(--stock-border-dark); }
    .stock-mobile-search input { width: 100%; height: 42px; padding: 0; color: var(--stock-ink); background: transparent; border: 0; outline: 0; font-size: 13px; }
    .stock-auth { grid-template-columns: minmax(300px, .75fr) minmax(420px, 1.25fr); }
    .stock-auth-intro { padding: 34px; }
    .stock-auth-copy h2 { font-size: 34px; }
    .stock-auth-facts { grid-template-columns: 1fr; }
    .stock-auth-facts span { flex-direction: row; align-items: baseline; }
}

@media (max-width: 767.98px) {
    html { scroll-behavior: auto; }
    .stock-public .navbar-acg { min-height: 64px; }
    .stock-public .navbar-acg .container { min-height: 61px; padding-right: 14px; padding-left: 14px; }
    .stock-brand-mark { width: 34px; height: 34px; flex-basis: 34px; }
    .stock-brand-mark svg { width: 24px; height: 24px; }
    .stock-brand-copy strong { max-width: 125px; font-size: 14px; }
    .stock-brand-copy small { font-size: 8px; }
    .stock-public .navbar-brand { min-height: 44px; }
    .stock-public .user-login-box { margin-left: auto !important; }
    .stock-public .user-login-box .btn { width: 44px; min-height: 44px; padding: 0; font-size: 0; }
    .stock-public .user-login-box .btn i { margin: 0; font-size: 14px; }
    .stock-public .user-info-box { order: 3; }
    .stock-public .user-info-box .dropdown-toggle > div { display: none !important; }
    .stock-public .user-info-box #user-avatar { margin: 0 !important; }
    .stock-public .navbar-toggler { margin-left: 7px; }
    .stock-home { width: min(calc(100% - 24px), var(--stock-width)); padding: 12px 0 28px; }
    .stock-brief-hero { min-height: 0; border-top-width: 3px; }
    .stock-hero-copy { padding: 18px 16px 16px; }
    .stock-hero-copy::before { margin-bottom: 19px; font-size: 9px; }
    .stock-hero-copy h1 { font-size: clamp(28px, 7.7vw, 31px); line-height: 1.2; }
    .stock-hero-copy > p { margin-top: 10px; font-size: 12.5px; line-height: 1.6; }
    .stock-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
    .stock-hero-actions .stock-btn { width: auto; min-width: 0; padding: 0 10px; font-size: 12px; }
    .stock-hero-note { display: none; }
    .stock-mobile-disclosure { margin-top: 10px; padding: 8px 10px; display: flex; gap: 8px; align-items: flex-start; color: #4c5c6a; background: #f5f7f8; border: 1px solid var(--stock-border); font-size: 11px; line-height: 1.55; }
    .stock-mobile-disclosure i { margin-top: 3px; color: var(--stock-red); }
    .stock-mobile-disclosure span { min-width: 0; overflow-wrap: anywhere; }
    .stock-mobile-disclosure strong { margin-right: 5px; color: var(--stock-navy); }
    .stock-process-sheet { padding: 12px 14px; }
    .stock-process-head { padding-bottom: 7px; }
    .stock-process-sheet ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 7px; }
    .stock-process-sheet li { grid-template-columns: 1fr; padding: 7px 8px; border-right: 1px solid #2c4056; border-bottom: 0; }
    .stock-process-sheet li:last-child { border-right: 0; }
    .stock-process-sheet li > span { margin-bottom: 4px; font-size: 16px; line-height: 1; }
    .stock-process-sheet li div { gap: 3px; }
    .stock-process-sheet li strong { font-size: 12px; }
    .stock-process-sheet li small { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
    .stock-process-grid { display: none; }
    .stock-home > .stock-disclosure { display: none; }
    .stock-section-head { display: block; }
    .stock-section-head h2 { font-size: 23px; }
    .stock-section-head p { display: none; }
    .stock-mobile-search { width: 100%; margin-top: 8px; }
    .stock-category-row { margin-bottom: 8px; padding: 6px 7px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
    .stock-category-row .chip-list { width: max-content; max-width: none; flex-wrap: nowrap; }
    .stock-service-grid { min-height: 150px; margin-right: 0; margin-left: 0; }
    .stock-service-grid > [class*="col-"] { margin-bottom: 11px !important; padding-right: 0; padding-left: 0; }
    .stock-service-grid .stock-empty-state, .stock-service-grid .item-message { width: 100%; margin-right: 0; margin-left: 0; }
    .stock-service-grid .acg-card { display: grid; grid-template-columns: 116px minmax(0, 1fr); min-height: 142px; }
    .stock-service-grid .acg-thumb { height: 100% !important; aspect-ratio: auto; border-right: 1px solid var(--stock-border); border-bottom: 0; }
    .stock-service-grid .acg-thumb::after { top: 7px; left: 7px; font-size: 7px; }
    .stock-service-grid .p-3 { padding: 12px !important; }
    .stock-service-grid .goods-title { min-height: 39px; margin: 7px 0 4px; font-size: 13px; line-height: 1.45; }
    .stock-service-grid .price { font-size: 20px; }
    .stock-service-grid .stat-bottom { padding-top: 6px; gap: 8px; flex-wrap: wrap; }
    .stock-item-page, .stock-query-page { padding: 20px 12px 34px !important; }
    .stock-theme .panel-body { padding: 16px !important; }
    .stock-item-page h4 { font-size: 25px; }
    .stock-item-page .pay-list { grid-template-columns: 1fr; }
    .stock-query-form-row { grid-template-columns: 1fr; }
    .stock-query-page .btn-search-query { width: 100%; }
    .stock-footer { padding: 18px 16px; display: block; text-align: center; }
    .stock-footer span { display: block; }
    .stock-footer span + span { margin-top: 6px; }
    .stock-auth { display: block; }
    .stock-auth-intro { min-height: 0; padding: 21px 20px 19px; }
    .stock-auth-copy { margin: 26px 0 0; padding: 0; }
    .stock-auth-copy h2 { margin-top: 12px; font-size: 24px; line-height: 1.38; }
    .stock-auth-copy p { margin-top: 11px; font-size: 12px; line-height: 1.65; }
    .stock-auth-facts { display: none; }
    .stock-auth .stock-brand-mark { width: 32px; height: 32px; }
    .stock-auth .auth-wrapper { min-height: 0; padding: 18px 12px 34px !important; }
    .stock-auth .auth-card { padding: 24px 18px !important; }
    .stock-auth .brand-icon { width: 42px; height: 42px; }
    .stock-auth-title, .stock-auth .auth-title { font-size: 25px; }
    .stock-account .uc-main { padding: 18px 12px 44px !important; }
    .stock-account .uc-drawer { background: var(--stock-surface) !important; border-right: 1px solid var(--stock-border) !important; border-radius: 0 !important; backdrop-filter: none !important; }
    .stock-account .uc-drawer__link { border-radius: 2px !important; }
    .stock-account .uc-card, .stock-account .uc-kpi, .stock-account .uc-section, .stock-account .uc-stat-card { border-radius: 2px !important; }
    .stock-account .table-responsive, .stock-account .bootstrap-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 389px) {
    .stock-brand-copy small { display: none; }
    .stock-public .navbar-brand { gap: 8px; }
    .stock-public .user-login-box { gap: 5px; }
    .stock-service-grid .acg-card { grid-template-columns: 100px minmax(0, 1fr); }
    .stock-auth-copy h2 { font-size: 22px; }
}

@media (max-width: 350px) {
    .stock-hero-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    .stock-theme *, .stock-theme *::before, .stock-theme *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .stock-btn:hover, .stock-service-grid a:hover .acg-card { transform: none; }
}

@media print {
    .stock-public .navbar-acg, .stock-footer, .stock-hero-actions, .stock-mobile-search { display: none !important; }
    body.stock-theme { color: #000; background: #fff !important; }
    .stock-home, .stock-item-page, .stock-query-page { width: 100%; max-width: none; padding: 0 !important; }
    .stock-theme .panel, .stock-brief-hero { box-shadow: none !important; }
}

/* --------------------------------------------------------------------------
   2026 Chaekgeori world — B horizontal registry
   -------------------------------------------------------------------------- */

body.stock-theme {
    background-color: var(--stock-paper) !important;
    background-image: none !important;
}

.stock-theme h1,
.stock-theme h2,
.stock-theme h3,
.stock-theme h4,
.stock-section-head h2,
.stock-page-heading h1,
.stock-item-page h4,
.stock-auth-copy h2,
.stock-auth-title,
.stock-auth .auth-title {
    font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.stock-service-grid .price,
.stock-item-page .abacus .price {
    font-family: "Stock Sans", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.stock-public .navbar-acg {
    min-height: 66px;
    background-color: var(--stock-navy) !important;
    background-image: url("/assets/user/images/stock-theme/malachite-registry.webp") !important;
    background-position: center 30% !important;
    background-size: cover !important;
    border-bottom: 1px solid rgba(201, 221, 197, .4);
    box-shadow: 0 8px 24px rgba(7, 63, 53, .16) !important;
}

.stock-public .navbar-acg .container { max-width: var(--stock-width); min-height: 65px; padding-right: 20px; padding-left: 20px; }
.stock-public .navbar-brand { gap: 11px; }
.stock-brand-mark {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    color: #f8eed8;
    background: transparent;
    border: 2px solid #f8eed8;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(157, 199, 173, .28);
    font-size: 18px;
}
.stock-brand-copy strong { max-width: 260px; color: #f8eed8; font-size: 20px; font-weight: 800; letter-spacing: .01em; }
.stock-brand-copy small { display: none; }
.stock-public .navbar-collapse { flex-grow: 1; }
.stock-public .navbar-nav { gap: 22px; margin-right: 0 !important; margin-left: auto !important; }
.stock-public .navbar-nav .nav-link {
    min-height: 65px;
    padding: 0 7px;
    color: #e8e0cb !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .05em;
}
.stock-public .navbar-nav .nav-link::after { right: 6px; bottom: 0; left: 6px; height: 4px; }
.stock-public .navbar-nav .nav-link:hover,
.stock-public .navbar-nav .nav-link.active { color: #fff8e8 !important; background: transparent; }
.stock-public .navbar-nav .nav-link.active::after { background: var(--stock-red); }
.stock-public .user-login-box .btn { min-height: 38px; padding: 0 13px; border-radius: 1px !important; }
.stock-public .user-login-box .btn-outline-secondary { color: #f5ecd9; border-color: rgba(245, 236, 217, .48); }
.stock-public .user-login-box .btn-primary { color: #fff; background: var(--stock-red); border-color: var(--stock-red); }
.stock-public .user-info-box .dropdown-toggle { min-height: 42px; }

.stock-home { width: min(calc(100% - 32px), var(--stock-width)); margin: 0 auto; padding: 14px 0 54px; }

.stock-brief-hero {
    position: relative;
    min-height: 270px;
    padding: 44px 50px 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(460px, .72fr);
    align-items: end;
    color: var(--stock-ink);
    background-color: #f7efde;
    background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp");
    background-position: center 54%;
    background-size: cover;
    border: 0;
    border-bottom: 1px solid #c5b89f;
    box-shadow: none;
    overflow: hidden;
}

.stock-brief-hero::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(36, 83, 67, .08);
    pointer-events: none;
}

.stock-hero-copy { position: relative; z-index: 2; padding: 0; overflow: visible; }
.stock-hero-copy::before,
.stock-hero-copy::after { display: none; }
.stock-hero-copy h1 {
    max-width: none;
    color: #164b3e;
    font-family: "Stock Sans", "PingFang SC", sans-serif;
    font-size: clamp(44px, 4vw, 64px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.035em;
}
.stock-hero-copy > p { max-width: none; margin: 14px 0 0; color: #2f4c42; font-size: clamp(17px, 1.6vw, 22px); line-height: 1.5; }
.stock-hero-risk { margin-top: 24px; display: flex; gap: 10px; align-items: center; color: var(--stock-red); font-size: 13px; font-weight: 500; line-height: 1.6; }
.stock-hero-risk i { flex: 0 0 auto; font-size: 20px; }
.stock-brief-hero > .stock-hero-actions { position: relative; z-index: 2; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.stock-btn {
    min-height: 56px;
    padding: 0 28px;
    border-radius: 1px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .035em;
}
.stock-btn-primary { background: var(--stock-red); border-color: #9f2d22; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 8px 20px rgba(166, 45, 32, .16); }
.stock-btn-primary:hover { color: #fff !important; background: var(--stock-blue-deep); }
.stock-btn-secondary { color: var(--stock-red) !important; background: rgba(255, 250, 240, .62); border: 2px solid var(--stock-red); }
.stock-btn-secondary:hover { color: #fff !important; background: var(--stock-red); }

.stock-mountain-lines { display: none; }

.stock-catalog { position: relative; margin-top: 0; background-color: #3f7768; background-image: url("/assets/user/images/stock-theme/malachite-registry.webp"); background-position: center; background-size: cover; border: 1px solid #28584d; border-top: 0; box-shadow: 0 18px 38px rgba(28, 79, 65, .14); }
.stock-catalog::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(5, 55, 45, .08);
    pointer-events: none;
}
.stock-shelf-rail {
    position: relative;
    z-index: 2;
    height: 48px;
    padding: 0 28px;
    display: flex;
    gap: 16px;
    align-items: center;
    color: #f7edda;
    background-color: #194f43;
    background-image: url("/assets/user/images/stock-theme/malachite-registry.webp");
    background-position: center 18%;
    background-size: cover;
    border-top: 4px double #a9c8af;
    border-bottom: 4px double #a9c8af;
}
.stock-shelf-rail::before,
.stock-shelf-rail::after { content: ""; position: absolute; bottom: 100%; width: 24px; height: 20px; background: #194f43; border-top: 4px double #a9c8af; }
.stock-shelf-rail::before { left: -1px; clip-path: polygon(0 74%, 70% 74%, 100% 0, 100% 100%, 0 100%); }
.stock-shelf-rail::after { right: -1px; clip-path: polygon(0 0, 30% 74%, 100% 74%, 100% 100%, 0 100%); }
.stock-shelf-rail h2 { margin: 0 auto 0 0; font-size: 18px; font-weight: 800; letter-spacing: .04em; }
.stock-shelf-rail .chip-list { display: flex; gap: 8px; }
.stock-shelf-rail .chip { min-height: 32px; padding: 0 11px; display: inline-flex; align-items: center; color: #e9e2d1; border: 1px solid transparent; font-size: 11px; }
.stock-shelf-rail .chip.is-primary { color: #194f43; background: #e8dfca; border-color: #afbea8; }
.stock-catalog-search { width: 190px; height: 32px; padding: 0 9px; display: flex; gap: 8px; align-items: center; color: #e9e2d1; border: 1px solid rgba(232, 223, 202, .46); }
.stock-catalog-search input { width: 100%; color: #fff8ea; background: transparent; border: 0; outline: 0; font-size: 11px; }
.stock-catalog-search input::placeholder { color: rgba(255,248,234,.68); }

.stock-horizontal-shelf { position: relative; z-index: 1; min-height: 350px; padding: 26px 28px 28px; display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(330px, .95fr); gap: 22px; }
.stock-service-bay { min-width: 0; }
.stock-service-grid { min-height: 296px; margin: 0; }
.stock-service-grid > [class*="col-"] { padding: 0; }
.stock-product-link { margin: 0 !important; }
.stock-service-grid .acg-card {
    min-height: 296px;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(260px, .87fr) minmax(0, 1.3fr);
    color: var(--stock-ink);
    background-color: #fff8e8;
    background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp");
    background-position: left center;
    background-size: cover;
    border: 2px solid #e4d8bf !important;
    border-radius: 1px !important;
    box-shadow: 0 13px 24px rgba(7, 63, 53, .22), inset 0 0 0 1px #6c8f7b !important;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
}
.stock-service-grid a:hover .acg-card { transform: translateY(-2px); border-color: #f0e4cc !important; box-shadow: 0 17px 30px rgba(7,63,53,.26), inset 0 0 0 1px #4b7865 !important; }
.stock-service-grid .acg-thumb { height: 100% !important; aspect-ratio: auto; border: 0; border-right: 1px solid #c9bfa9; background-color: #e4eadf; background-size: cover !important; }
.stock-service-grid .acg-thumb::after { content: ""; display: none; }
.stock-service-grid .stock-product-body { position: relative; min-width: 0; padding: 20px 26px !important; display: flex; flex-direction: column; }
.stock-service-grid .stock-product-status { min-height: 22px; order: 0; }
.stock-theme .badge-soft { padding: 4px 8px; border: 1px solid transparent; border-radius: 1px !important; font-size: 10px; }
.stock-theme .badge-soft-success { color: #245f50 !important; background: #dae7d7 !important; border-color: #b3c9b8 !important; }
.stock-theme .badge-soft-primary { color: #982b21 !important; background: #f3d9cd !important; border-color: #dfb5a6 !important; }
.stock-service-grid .goods-title { min-height: 0; margin: 14px 0 0; color: #15483b; font-size: clamp(24px, 2.25vw, 34px); font-weight: 800; line-height: 1.25; letter-spacing: -.025em; }
.stock-service-grid .stock-product-price { margin-top: 12px; }
.stock-service-grid .price { color: var(--stock-red) !important; font-size: clamp(32px, 3vw, 46px); line-height: 1; }
.stock-service-grid .price .unit { margin-right: 3px; font-size: .62em; }
.stock-service-grid .stock-product-meta { margin-top: 18px; padding: 14px 0 0; justify-content: flex-start; gap: 36px; color: #53695f; border-top: 1px solid #cbbfa8; }
.stock-service-grid .stock-product-meta > span { display: grid; grid-template-columns: 28px auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
.stock-service-grid .stock-product-meta i { grid-row: 1 / 3; color: #688477; font-size: 25px; }
.stock-service-grid .stock-product-meta b { font-size: 11px; font-weight: 500; }
.stock-service-grid .stock-product-meta em { color: #316a58; font-size: 20px; font-style: normal; font-weight: 800; line-height: 1; }
.stock-product-cta { min-height: 50px; margin-top: auto; padding: 0 20px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #fff; background: var(--stock-red); border: 1px solid #9a2b21; font-size: 15px; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(255,255,255,.13); }
.stock-product-cta i { transition: transform .18s ease; }
.stock-product-link:hover .stock-product-cta i { transform: translateX(4px); }
.stock-empty-state,
.item-message { width: 100%; min-height: 296px; margin: 0; color: #e8ddc8; background: rgba(14, 79, 64, .32); border: 1px dashed rgba(232,221,200,.62); }

.stock-task-drawers { min-width: 0; display: grid; grid-template-rows: repeat(3, 1fr); gap: 14px; }
.stock-task-drawers > a,
.stock-task-drawers > div {
    position: relative;
    min-height: 82px;
    padding: 14px 24px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    color: #17483c;
    background-color: #fff8e8;
    background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp");
    background-position: left center;
    background-size: cover;
    border: 2px solid #e8dcc4;
    box-shadow: 0 10px 20px rgba(7,63,53,.19), inset 0 0 0 1px #638a76;
    clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px);
}
.stock-task-drawers > a::before,
.stock-task-drawers > div::before { content: ""; position: absolute; top: 3px; bottom: 3px; left: 3px; width: 62px; background-color: var(--stock-navy); background-image: url("/assets/user/images/stock-theme/malachite-registry.webp"); background-position: left center; background-size: auto 190px; border-right: 1px solid rgba(217,227,214,.52); pointer-events: none; }
.stock-task-drawers > * > * { position: relative; z-index: 1; }
.stock-task-drawers > a:hover { color: var(--stock-red); transform: translateX(2px); }
.stock-task-drawers strong { min-width: 0; font-size: 16px; font-weight: 800; line-height: 1.35; }
.stock-task-drawers > * > i:last-child { font-size: 16px; }
.stock-drawer-icon { width: 42px; height: 42px; display: grid; place-items: center; color: #f5ead6; background-color: var(--stock-navy); background-image: url("/assets/user/images/stock-theme/malachite-registry.webp"); background-position: center; background-size: 190px auto; border: 2px solid #b8cdb7; border-radius: 50%; font-size: 17px; }

.stock-start-guide { margin-top: 16px; padding: 30px 42px; background-color: rgba(255,250,240,.88); background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp"); background-position: center; background-size: cover; border: 4px double #739482; }
.stock-start-guide h2 { margin: 0 0 22px; color: #184d40; font-size: 26px; font-weight: 800; }
.stock-start-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stock-start-steps > div { padding: 0 28px; border-right: 1px solid #c6bca7; }
.stock-start-steps > div:first-child { padding-left: 0; }
.stock-start-steps > div:last-child { padding-right: 0; border-right: 0; }
.stock-start-steps span { color: var(--stock-red); font-size: 11px; font-weight: 800; }
.stock-start-steps strong { margin-top: 7px; display: block; color: #194c40; font-size: 16px; }
.stock-start-steps p { margin: 7px 0 0; color: #61736a; font-size: 12px; line-height: 1.7; }
.stock-shop-notice { margin: 24px 0 0; padding-top: 16px; color: #67746c; border-top: 1px solid #c8bda8; font-size: 11px; line-height: 1.7; }

/* Purchase, query and delivery continue the same cabinet grammar. */
.stock-item-page,
.stock-query-page { max-width: 1220px; }
.stock-theme .panel {
    background-color: rgba(255,250,240,.96) !important;
    background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp") !important;
    background-position: left center !important;
    background-size: cover !important;
    border: 1px solid #9baa96 !important;
    border-radius: 1px !important;
    box-shadow: 0 14px 32px rgba(27, 74, 61, .10), inset 0 0 0 3px rgba(255,255,255,.42) !important;
}
.stock-theme .panel-header { background: #dce5d5 !important; border-bottom-color: #9fad99 !important; }
.stock-theme .panel-header .icon { color: var(--stock-navy) !important; }
.stock-theme .panel-title { color: var(--stock-navy) !important; }
.stock-item-page > .panel:first-of-type,
.stock-query-page > .panel { box-shadow: inset 0 4px 0 var(--stock-navy), 0 14px 32px rgba(27,74,61,.10) !important; }
.stock-item-page .acg-cover { background: #dbe5da; border-color: #8eaa96 !important; }
.stock-item-page .abacus { background: #eee5d2; border-color: #c9bda5; }
.stock-item-page .abacus::before { display: none; }
.stock-item-delivery-note { margin: -4px 0 18px; padding: 11px 13px; display: flex; gap: 10px; align-items: flex-start; color: #4e665b; background: #e4eadf; border: 1px solid #aebda8; font-size: 12px; line-height: 1.65; }
.stock-item-delivery-note i { margin-top: 3px; color: var(--stock-red); }
.stock-item-risk { margin: 16px 0 0; color: #6a786f; font-size: 11px; line-height: 1.7; text-align: center; }
.stock-item-page .pay-list .pay { min-height: 60px; background: #fffaf0 !important; border-color: #aebda8 !important; }
.stock-item-page .pay-list .pay:hover,
.stock-item-page .pay-list .pay.is-primary,
.stock-item-page .pay-list .pay.active,
.stock-item-page .pay-list .pay.selected { border-color: var(--stock-red) !important; }
.stock-item-page .pay-list .pay.is-primary,
.stock-item-page .pay-list .pay.active,
.stock-item-page .pay-list .pay.selected { background: #f7e5d9 !important; box-shadow: inset 4px 0 0 var(--stock-red) !important; }
.stock-theme .form-control,
.stock-theme .form-select,
.stock-theme textarea { color: var(--stock-ink) !important; background: #fffaf0 !important; border-color: #9eae9b !important; }
.stock-theme .form-control::placeholder,
.stock-theme textarea::placeholder { color: #78857d !important; opacity: 1; }
.stock-query-page .btn-search-query,
.stock-auth .btn-gradient,
.stock-account .uc-btn--primary,
.stock-account .md-btn--primary,
.stock-account .layui-btn-normal { background: var(--stock-red) !important; border-color: var(--stock-red) !important; }
.stock-query-page .btn-search-query:hover,
.stock-auth .btn-gradient:hover { background: var(--stock-blue-deep) !important; }

.stock-delivery-modal { padding: 18px; background-color: var(--stock-paper); background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp"); background-position: left center; background-size: cover; }
.stock-delivery-card { color: var(--stock-ink); }
.stock-delivery-head { display: flex; gap: 14px; align-items: center; justify-content: space-between; }
.stock-delivery-head > div { display: flex; gap: 10px; align-items: center; }
.stock-delivery-head strong { font-size: 17px; font-weight: 800; }
.stock-delivery-check { color: #2d765f; font-size: 22px; }
.stock-copy-delivery { min-height: 38px; padding: 0 12px; color: var(--stock-navy); background: transparent; border: 1px solid #789684; font-size: 12px; font-weight: 800; }
.stock-copy-delivery:hover { color: #fff; background: var(--stock-navy); }
.stock-delivery-code { min-height: 86px; margin: 14px 0; padding: 18px; color: #173f35; background: #fffaf0; border: 4px double #739482; white-space: pre-wrap; word-break: break-all; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: 14px; line-height: 1.75; user-select: all; }
.stock-delivery-note { margin: 0 0 14px; color: #637269; font-size: 12px; line-height: 1.7; white-space: pre-wrap; }
.stock-workbench-link { min-height: 68px; padding: 12px 16px; display: flex; gap: 16px; align-items: center; justify-content: space-between; color: #fff7e6 !important; background-color: var(--stock-navy); background-image: url("/assets/user/images/stock-theme/malachite-registry.webp"); background-position: center; background-size: cover; border: 1px solid #0d5144; box-shadow: inset 0 0 0 2px rgba(157,199,173,.25); }
.stock-workbench-link:hover { color: #fff !important; background: #0d5144; }
.stock-workbench-link > span { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; align-items: center; }
.stock-workbench-link > span > i { grid-row: 1 / 3; font-size: 21px; }
.stock-workbench-link b { font-size: 14px; }
.stock-workbench-link small { color: #bcd2c3; font-size: 10px; }
.stock-delivery-order-link { margin-top: 10px; display: inline-flex; color: var(--stock-red) !important; font-size: 12px; font-weight: 800; }
.stock-delivery-waiting { padding: 18px; display: flex; gap: 14px; color: #5c6c63; background: #eee5d2; border: 1px solid #c4b9a2; }
.stock-delivery-waiting > i { color: var(--stock-red); font-size: 22px; }
.stock-delivery-waiting div { display: flex; flex-direction: column; gap: 5px; }
.stock-delivery-waiting strong { color: var(--stock-ink); }
.stock-delivery-waiting span { font-size: 12px; line-height: 1.6; }
.layui-layer { border-radius: 1px !important; box-shadow: 0 22px 50px rgba(7,63,53,.24) !important; }
.layui-layer-title { color: #fff4df !important; background: var(--stock-navy) !important; border-bottom: 3px double #91b29c !important; font-weight: 800; }

/* Authentication and account workspace */
.stock-auth { background: var(--stock-paper) !important; }
.stock-auth-intro { color: #fff7e6; background-color: var(--stock-navy); background-image: url("/assets/user/images/stock-theme/malachite-registry.webp"); background-position: center; background-size: cover; }
.stock-auth-intro::after { right: -50px; bottom: -36px; width: 68%; height: 45%; border-color: #8eb49c; border-width: 1px; transform: skewY(-18deg); opacity: .34; }
.stock-auth-copy h2 { color: #fff3df; }
.stock-auth-copy p { color: #bad0c1; }
.stock-auth-facts { border-top-color: #447565; }
.stock-auth-facts span { color: #b7cbbe; }
.stock-auth-facts b { color: #d9a998; font-family: "Stock Sans", sans-serif; }
.stock-auth .auth-card { background-color: #fffaf0 !important; background-image: url("/assets/user/images/stock-theme/bone-silk-mountain.webp") !important; background-position: left center !important; background-size: cover !important; border: 4px double #789684 !important; border-radius: 1px !important; box-shadow: 0 20px 46px rgba(28, 74, 61, .14) !important; }
.stock-auth .brand-icon { background: #e3eadf; border-color: #aab9a7; }
.stock-auth .text-link { color: var(--stock-red) !important; }
.stock-auth .form-check input[type="checkbox"]:checked { background: var(--stock-red); border-color: var(--stock-red); }

:root[data-theme] .stock-account {
    --md-primary: var(--stock-red);
    --md-primary-rgb: 189, 55, 39;
    --uc-primary-deep: var(--stock-navy);
    --glass-bg: #fffaf0;
    --glass-bg-strong: #fffaf0;
    --glass-bg-soft: #eee6d5;
    --glass-border: #b8b49f;
    --glass-border-soft: #d5ccb8;
    --uc-field-bg: #fffaf0;
    --uc-focus: var(--stock-red);
    --uc-focus-rgb: 189,55,39;
}
:root[data-theme="dark"] .stock-account {
    --stock-paper: #112d27;
    --stock-surface: #173f35;
    --stock-surface-alt: #1e4a3f;
    --stock-ink: #f3ead8;
    --stock-muted: #bbcabf;
    --stock-border: #527767;
    --stock-border-dark: #769885;
    --glass-bg: #173f35;
    --glass-bg-strong: #1a463b;
    --glass-bg-soft: #214d42;
    --glass-border: #527767;
    --glass-border-soft: #456a5c;
    --uc-field-bg: #153a31;
    --uc-ink: #f3ead8;
    --uc-ink-med: #bdcbbf;
    --uc-ink-dis: #93aa9c;
}
.stock-account .uc-nav-wrap { background: var(--stock-navy) !important; border-bottom: 1px solid var(--stock-red) !important; box-shadow: none !important; }
.stock-account .uc-card,
.stock-account .uc-kpi,
.stock-account .uc-section,
.stock-account .uc-stat-card,
.stock-account .md-card { border-radius: 1px !important; box-shadow: 0 10px 24px rgba(19,61,50,.08), inset 0 0 0 1px rgba(255,255,255,.18) !important; }
.stock-account .uc-nav__item:hover,
.stock-account .uc-nav__item.active,
.stock-account .uc-nav__link:hover,
.stock-account .uc-nav__link.active { border-radius: 1px !important; box-shadow: inset 0 -2px 0 var(--stock-red); }

.stock-footer { color: #bfd0c4; background: var(--stock-navy); border-top: 4px double #719784; }

@media (max-width: 991.98px) {
    .stock-horizontal-shelf { grid-template-columns: 1fr; }
    .stock-task-drawers { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; }
    .stock-task-drawers > a,
    .stock-task-drawers > div { min-height: 74px; padding: 10px 14px; grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; }
    .stock-drawer-icon { width: 36px; height: 36px; }
    .stock-task-drawers strong { font-size: 13px; }
    .stock-brief-hero { grid-template-columns: minmax(0,1fr) minmax(370px,.8fr); padding-right: 34px; padding-left: 34px; }
}

@media (max-width: 767.98px) {
    .stock-public .navbar-acg { min-height: 60px; }
    .stock-public .navbar-acg .container { min-height: 59px; padding: 7px 12px; }
    .stock-brand-mark { width: 32px; height: 32px; flex-basis: 32px; font-size: 15px; }
    .stock-brand-copy strong { max-width: 132px; font-size: 15px; }
    .stock-public .navbar-nav { gap: 0; margin: 9px 0 0 !important; padding: 7px 0; border-top-color: #50786a; }
    .stock-public .navbar-nav .nav-link { min-height: 42px; }
    .stock-public .user-login-box .btn { width: 40px; min-height: 40px; }
    .stock-home { width: min(calc(100% - 16px), var(--stock-width)); padding: 8px 0 30px; }
    .stock-brief-hero { min-height: 184px; padding: 22px 16px 15px; grid-template-columns: 1fr; align-items: start; }
    .stock-brief-hero::before { inset: 6px; }
    .stock-hero-copy h1 { font-size: clamp(32px, 9.2vw, 38px); line-height: 1.06; }
    .stock-hero-copy > p { margin-top: 8px; font-size: 14px; }
    .stock-hero-risk { margin-top: 11px; gap: 7px; font-size: 10.5px; line-height: 1.45; }
    .stock-hero-risk i { font-size: 16px; }
    .stock-brief-hero > .stock-hero-actions { align-self: end; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .stock-btn { min-height: 42px; padding: 0 9px; font-size: 12px; }
    .stock-mountain-lines { display: none; }
    .stock-catalog { margin-top: 0; }
    .stock-shelf-rail { height: 42px; padding: 0 11px; gap: 8px; border-top-width: 3px; border-bottom-width: 3px; }
    .stock-shelf-rail::before,
    .stock-shelf-rail::after { height: 12px; border-top-width: 3px; }
    .stock-shelf-rail h2 { max-width: 190px; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
    .stock-shelf-rail .chip-list { display: none; }
    .stock-catalog-search { width: 34px; height: 30px; padding: 0 8px; gap: 5px; }
    .stock-catalog-search input { width: 0; min-width: 0; opacity: 0; }
    .stock-catalog-search:focus-within { width: 138px; }
    .stock-catalog-search:focus-within input { width: 100%; opacity: 1; }
    .stock-horizontal-shelf { min-height: 0; padding: 10px; gap: 9px; }
    .stock-service-grid { min-height: 226px; }
    .stock-service-grid .acg-card { min-height: 226px; padding: 8px; grid-template-columns: 108px minmax(0,1fr); clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px); }
    .stock-service-grid .acg-thumb { border-right: 1px solid #c9bfa9; }
    .stock-service-grid .stock-product-body { padding: 9px 10px !important; }
    .stock-service-grid .stock-product-status { min-height: 20px; }
    .stock-theme .badge-soft { padding: 3px 5px; font-size: 8px; }
    .stock-service-grid .goods-title { margin-top: 7px; font-size: 16px; line-height: 1.28; }
    .stock-service-grid .stock-product-price { margin-top: 6px; }
    .stock-service-grid .price { font-size: 25px; }
    .stock-service-grid .stock-product-meta { margin-top: 8px; padding-top: 8px; gap: 14px; flex-wrap: nowrap; }
    .stock-service-grid .stock-product-meta > span { grid-template-columns: auto; grid-template-rows: auto auto; column-gap: 0; }
    .stock-service-grid .stock-product-meta i { display: none; }
    .stock-service-grid .stock-product-meta b { font-size: 8px; }
    .stock-service-grid .stock-product-meta em { font-size: 15px; }
    .stock-product-cta { min-height: 36px; margin-top: auto; padding: 0 8px; font-size: 11px; }
    .item-message { min-height: 226px; }
    .stock-task-drawers { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, 48px); gap: 6px; }
    .stock-task-drawers > a,
    .stock-task-drawers > div { min-height: 48px; padding: 5px 12px; grid-template-columns: 32px minmax(0,1fr) auto; gap: 9px; clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px); }
    .stock-drawer-icon { width: 30px; height: 30px; border-width: 1px; font-size: 12px; }
    .stock-task-drawers strong { font-size: 12px; }
    .stock-task-drawers > * > i:last-child { font-size: 11px; }
    .stock-start-guide { margin-top: 10px; padding: 20px 16px; }
    .stock-start-guide h2 { margin-bottom: 14px; font-size: 21px; }
    .stock-start-steps { grid-template-columns: 1fr; }
    .stock-start-steps > div { padding: 11px 0; border-right: 0; border-bottom: 1px solid #c6bca7; }
    .stock-start-steps > div:first-child { padding-top: 0; }
    .stock-start-steps > div:last-child { border-bottom: 0; }
    .stock-start-steps p { margin-top: 4px; }
    .stock-delivery-modal { padding: 12px; }
    .stock-delivery-head { align-items: flex-start; }
    .stock-copy-delivery { min-height: 36px; padding: 0 9px; }
    .stock-delivery-code { min-height: 112px; margin: 12px 0; padding: 14px; }
    .stock-workbench-link { min-height: 64px; }
    .stock-auth-intro { padding: 18px 16px 16px; }
    .stock-auth-copy { margin-top: 18px; }
    .stock-auth-copy h2 { font-size: 22px; }
    .stock-auth .auth-card { border-width: 3px !important; }
}

@media (max-width: 389px) {
    .stock-brand-copy strong { max-width: 112px; font-size: 14px; }
    .stock-service-grid .acg-card { grid-template-columns: 98px minmax(0,1fr); }
    .stock-service-grid .goods-title { font-size: 15px; }
    .stock-service-grid .stock-product-meta { gap: 10px; }
}

@media (max-width: 350px) {
    .stock-brief-hero > .stock-hero-actions { grid-template-columns: 1fr; }
    .stock-brief-hero { min-height: 224px; }
    .stock-service-grid .acg-card { grid-template-columns: 88px minmax(0,1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .stock-catalog-search { transition: none; }
    .stock-product-cta i { transition: none; }
}

@media print {
    .stock-public .navbar-acg,
    .stock-footer,
    .stock-hero-actions,
    .stock-catalog-search,
    .stock-task-drawers { display: none !important; }
    .stock-catalog { background: #fff !important; border: 1px solid #555; }
    .stock-horizontal-shelf { display: block; padding: 10px; }
}