@font-face{font-family:Jost;src:url(/static/index/hbycl/dist/assets/Jost-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/static/index/hbycl/dist/assets/Jost-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/static/index/hbycl/dist/assets/Jost-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--color-main: #fd560f;--color-main-hover: #e64a08;--color-main-focus: #d84406;--color-main-light: #fff2ec;--color-secondary: #fff2ec;--color-price: #fd560f;--text-primary: #222222;--text-secondary: #666666;--text-tertiary: #999999;--text-disabled: #bbbbbb;--border-color: #eeeeee;--border-strong-color: #e5e5e5;--bg-page: #ffffff;--bg-surface: #ffffff;--bg-hover: #f7f7f7;--bg-image: #f5f5f5;--bg-disabled: #f5f5f5;--color-success: #1a9c63;--color-warning: #f59e0b;--color-danger: #e5484d;--color-info: #3b82f6;--price-tier-bg: #fff2ec;--price-tier-active: #ffe3d7;--stock-ok: #1a9c63;--stock-low: #d97706;--stock-out: #e5484d;--tag-contract-bg: #f3efff;--tag-contract-color: #6d4aff;--tag-case-bg: #eaf4ff;--tag-case-color: #0b6bcb;--tag-inquiry-bg: #fff6e5;--tag-inquiry-color: #a16207;--font-family-base: "Jost", -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-family-number: "Jost", "DIN Alternate", "Roboto Mono", ui-monospace, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--line-height-xs: 18px;--line-height-sm: 20px;--line-height-base: 22px;--line-height-md: 24px;--line-height-lg: 28px;--line-height-xl: 32px;--line-height-2xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--bp-xs: 576px;--bp-sm: 576px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px;--bp-xxl: 1440px;--container-max: 1200px;--container-padding: 24px;--container-padding-mobile: 16px;--grid-gap: 24px;--grid-gap-mobile: 16px;--touch-target-min: 24px;--touch-target-comfortable: 44px;--motion-duration-fast: .12s;--motion-duration-base: .2s;--motion-duration-slow: .32s;--motion-ease-standard: cubic-bezier(.2, 0, .2, 1);--motion-ease-decelerate: cubic-bezier(0, 0, .2, 1);--motion-ease-accelerate: cubic-bezier(.4, 0, 1, 1);--z-index-dropdown: 100;--z-index-drawer: 200;--z-index-modal: 300;--z-index-toast: 400}@media(prefers-reduced-motion:reduce){:root{--motion-duration-fast: .01ms;--motion-duration-base: .01ms;--motion-duration-slow: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:767px){:root{--container-padding: var(--container-padding-mobile);--grid-gap: var(--grid-gap-mobile)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:var(--line-height-base);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-page)}body{margin:0;min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,dl,dd,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}.hb-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);font-weight:var(--font-weight-bold)}.hb-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold)}.hb-h3{font-size:var(--font-size-lg);line-height:var(--line-height-lg);font-weight:var(--font-weight-medium)}a{color:var(--color-main);text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}a:hover{color:var(--color-main-hover);text-decoration:underline}img,svg,video{max-width:100%;height:auto;vertical-align:middle}img{border:0;background-color:var(--bg-hover)}button,input,select,textarea{margin:0;font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}input,select,textarea{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}textarea{resize:vertical}:focus{outline:none}:focus-visible{outline:2px solid var(--color-main-focus);outline-offset:2px;border-radius:var(--radius-sm)}.hb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.hb-row{display:flex;flex-wrap:wrap;gap:var(--grid-gap)}.hb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)}.hb-col-1{grid-column:span 1}.hb-col-2{grid-column:span 2}.hb-col-3{grid-column:span 3}.hb-col-4{grid-column:span 4}.hb-col-5{grid-column:span 5}.hb-col-6{grid-column:span 6}.hb-col-7{grid-column:span 7}.hb-col-8{grid-column:span 8}.hb-col-9{grid-column:span 9}.hb-col-10{grid-column:span 10}.hb-col-11{grid-column:span 11}.hb-col-12{grid-column:span 12}@media(max-width:767px){.hb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hb-col-1,.hb-col-2,.hb-col-3{grid-column:span 2}.hb-col-4,.hb-col-5,.hb-col-6,.hb-col-7,.hb-col-8,.hb-col-9,.hb-col-10,.hb-col-11,.hb-col-12{grid-column:span 4}}.hb-flex{display:flex}.hb-flex-col{flex-direction:column}.hb-flex-items-center{align-items:center}.hb-flex-justify-between{justify-content:space-between}.hb-flex-1{flex:1 1 auto}.hb-gap-1{gap:var(--space-1)}.hb-gap-2{gap:var(--space-2)}.hb-gap-3{gap:var(--space-3)}.hb-gap-4{gap:var(--space-4)}.hb-mt-1{margin-top:var(--space-1)}.hb-mt-2{margin-top:var(--space-2)}.hb-mt-3{margin-top:var(--space-3)}.hb-mt-4{margin-top:var(--space-4)}.hb-mt-5{margin-top:var(--space-5)}.hb-mb-3{margin-bottom:var(--space-3)}.hb-mb-4{margin-bottom:var(--space-4)}.hb-py-6{padding-block:var(--space-6)}.hb-p-4{padding:var(--space-4)}.hb-p-5{padding:var(--space-5)}.hb-text-secondary{color:var(--text-secondary)}.hb-text-tertiary{color:var(--text-tertiary)}.hb-text-danger{color:var(--color-danger)}.hb-text-price{color:var(--color-price);font-family:var(--font-family-number)}.hb-text-bold{font-weight:var(--font-weight-bold)}.hb-text-center{text-align:center}.hb-text-nowrap{white-space:nowrap}.hb-w-full{width:100%}.hb-hidden{display:none!important}.hb-num{font-family:var(--font-family-number);font-variant-numeric:tabular-nums}.am-btn{border-radius:var(--radius-full)!important}.am-btn-primary{background-color:var(--color-main)!important;border-color:var(--color-main)!important;color:#fff!important}.am-btn-primary:hover,.am-btn-primary:focus{background-color:var(--color-main-hover)!important;border-color:var(--color-main-hover)!important;color:#fff!important}.am-btn-secondary{background-color:var(--color-main-light)!important;border-color:var(--color-main-light)!important;color:var(--color-main)!important}.am-color-main,.am-text-price{color:var(--color-main)!important}.hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 24px;border:1px solid transparent;border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.hb-btn:hover{text-decoration:none}.hb-btn:focus-visible{outline:2px solid var(--color-main-focus);outline-offset:2px}.hb-btn--primary{background:var(--color-main);border-color:var(--color-main);color:#fff}.hb-btn--primary:hover{background:var(--color-main-hover);border-color:var(--color-main-hover);color:#fff}.hb-btn--primary:active,.hb-btn--primary.hb-btn--normal-text{background:var(--color-main-focus);border-color:var(--color-main-focus)}.hb-btn--secondary{background:var(--bg-surface);border-color:var(--color-main);color:var(--color-main)}.hb-btn--secondary:hover{background:var(--color-main-light);border-color:var(--color-main-hover);color:var(--color-main-focus)}.hb-btn--secondary:active{background:var(--color-main-light);border-color:var(--color-main-focus)}.hb-btn--text{min-height:32px;padding:0 var(--space-2);background:transparent;border-color:transparent;color:var(--color-main)}.hb-btn--text:hover{color:var(--color-main-focus);text-decoration:underline}.hb-btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.hb-btn--danger:hover{background:#c9403b;border-color:#c9403b;color:#fff}.hb-btn--danger:active{background:#b03631;border-color:#b03631}.hb-btn--lg{min-height:48px;padding:0 28px;font-size:var(--font-size-md)}.hb-btn--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.hb-btn--block{display:flex;width:100%}.hb-btn:disabled,.hb-btn.is-disabled{background:var(--bg-disabled);border-color:var(--border-color);color:var(--text-disabled);cursor:not-allowed;text-decoration:none}.hb-btn.is-loading{cursor:progress;pointer-events:none}.hb-btn.is-loading:before{content:"";width:16px;height:16px;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:hb-spin .8s linear infinite}@keyframes hb-spin{to{transform:rotate(360deg)}}.hb-btn--icon{width:40px;padding:0}@media(max-width:767px){.hb-btn--icon{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable)}}.hb-batch-bar{position:sticky;bottom:0;z-index:var(--z-index-dropdown);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--bg-surface);border-top:1px solid var(--border-color);box-shadow:var(--shadow-md)}.hb-input,.hb-select,.hb-textarea{display:block;width:100%;min-height:40px;padding:0 var(--space-3);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.hb-textarea{min-height:96px;padding:var(--space-3);resize:vertical}.hb-input::placeholder,.hb-textarea::placeholder{color:var(--text-tertiary)}.hb-input:hover,.hb-select:hover,.hb-textarea:hover{border-color:#c9cdd4}.hb-input:focus,.hb-select:focus,.hb-textarea:focus{border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-main-light);outline:none}.hb-input:focus-visible,.hb-select:focus-visible,.hb-textarea:focus-visible{outline:2px solid var(--color-main-focus);outline-offset:2px}.hb-input.is-error,.hb-select.is-error,.hb-textarea.is-error,.hb-input[aria-invalid=true],.hb-select[aria-invalid=true],.hb-textarea[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 2px #dd514c1f}.hb-input:disabled,.hb-select:disabled,.hb-textarea:disabled{color:var(--text-disabled);background:var(--bg-disabled);border-color:var(--border-color);cursor:not-allowed}.hb-input[readonly],.hb-textarea[readonly]{background:var(--bg-hover)}.hb-input--sm,.hb-select--sm{min-height:32px;font-size:var(--font-size-sm)}.hb-input--lg,.hb-select--lg{min-height:48px;font-size:var(--font-size-md)}.hb-select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.hb-search{display:flex;align-items:stretch;width:100%;border:1px solid var(--color-main);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.hb-search .hb-input{min-height:40px;border:0;border-radius:0;box-shadow:none}.hb-search .hb-btn{border-radius:0;min-height:40px}.hb-number-input{display:inline-flex;align-items:stretch;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.hb-number-input__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:40px;border:0;background:var(--bg-hover);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard)}.hb-number-input__btn:hover:not(:disabled){background:#ececec}.hb-number-input__btn:active:not(:disabled){background:#e0e0e0}.hb-number-input__btn:disabled{color:var(--text-disabled);background:var(--bg-disabled);cursor:not-allowed}.hb-number-input__input{width:64px;min-height:40px;padding:0 var(--space-1);border:0;border-inline:1px solid var(--border-color);border-radius:0;text-align:center;font-family:var(--font-family-number);font-variant-numeric:tabular-nums;font-size:var(--font-size-base)}.hb-number-input__input:focus{box-shadow:none;outline:2px solid var(--color-main-focus);outline-offset:-2px}.hb-input--number{font-family:var(--font-family-number);font-variant-numeric:tabular-nums;text-align:right}.hb-form{display:flex;flex-direction:column;gap:var(--space-4)}.hb-form-item{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.hb-form-item--inline{flex-direction:row;align-items:center;gap:var(--space-3)}.hb-label{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium)}.hb-label__required{color:var(--color-danger)}.hb-label__required:after{content:"必填";font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.hb-form-help{margin:0;color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.hb-form-error{display:flex;align-items:flex-start;gap:var(--space-1);margin:0;color:var(--color-danger);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.hb-form-error:before{content:"!";display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:10px;line-height:1;font-weight:var(--font-weight-bold)}.hb-form-item.is-error .hb-label{color:var(--color-danger)}.hb-form-item.is-success .hb-input{border-color:var(--color-success)}.hb-fieldset{margin:0;padding:0;border:0}.hb-fieldset+.hb-fieldset{margin-top:var(--space-5)}.hb-fieldset__legend{padding:0;margin-bottom:var(--space-3);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium)}.hb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.hb-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:767px){.hb-form-grid,.hb-form-grid--3{grid-template-columns:minmax(0,1fr)}}.hb-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.hb-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-color)}.hb-card__title{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.hb-card__extra{color:var(--text-tertiary);font-size:var(--font-size-sm)}.hb-card__body{padding:var(--space-4)}.hb-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background:var(--bg-hover)}.hb-card--hover{transition:box-shadow var(--motion-duration-base) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.hb-card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.hb-card--hover:hover{transform:none}}.hb-card--flat{box-shadow:none}.hb-card--selected{border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-main-light)}.hb-product-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--motion-duration-base) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.hb-product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.hb-product-card:hover{transform:none}}.hb-product-card__media{position:relative;aspect-ratio:1 / 1;background:var(--bg-hover)}.hb-product-card__image{width:100%;height:100%;object-fit:cover}.hb-product-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.hb-product-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.hb-product-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.hb-product-card__price{color:var(--color-price);font-family:var(--font-family-number);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.hb-product-card__unit{color:var(--text-tertiary);font-size:var(--font-size-xs)}.hb-table{width:100%;border-collapse:collapse;background:var(--bg-surface);font-size:var(--font-size-base);line-height:var(--line-height-base)}.hb-table th,.hb-table td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border-color)}.hb-table th{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--bg-hover)}.hb-table tbody tr:last-child td{border-bottom:0}.hb-table tbody tr:hover{background:var(--bg-hover)}.hb-table--striped tbody tr:nth-child(2n){background:#fafafa}.hb-table--striped tbody tr:nth-child(2n):hover{background:var(--bg-hover)}.hb-table .hb-table__num,.hb-table th.hb-table__num{text-align:right;font-family:var(--font-family-number);font-variant-numeric:tabular-nums}.hb-table tfoot td{padding:var(--space-4);border-top:2px solid var(--border-color);border-bottom:0;background:var(--bg-surface);font-weight:var(--font-weight-bold)}.hb-table--tier thead th{background:var(--price-tier-bg);color:var(--color-price)}.hb-table--tier tbody tr.is-active{background:var(--price-tier-active)}.hb-table--tier tbody tr.is-active td{color:var(--color-price);font-weight:var(--font-weight-bold)}@media(max-width:767px){.hb-table--cards,.hb-table--cards thead,.hb-table--cards tbody,.hb-table--cards th,.hb-table--cards td,.hb-table--cards tr{display:block;width:100%}.hb-table--cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hb-table--cards tbody tr{margin-bottom:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);overflow:hidden}.hb-table--cards tbody tr:last-child{margin-bottom:0}.hb-table--cards td{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);text-align:right}.hb-table--cards td:last-child{border-bottom:0}.hb-table--cards td:before{content:attr(data-label);flex:0 0 auto;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left}.hb-table--cards td.hb-table__num{text-align:right}}.hb-tabs{display:flex;align-items:stretch;gap:var(--space-1);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hb-tabs::-webkit-scrollbar{display:none}.hb-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:0 var(--space-3);color:var(--text-secondary);background:transparent;border:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.hb-tab:hover{color:var(--color-main)}.hb-tab:focus-visible{outline:2px solid var(--color-main-focus);outline-offset:-2px}.hb-tab[aria-selected=true],.hb-tab.is-active{color:var(--color-main)}.hb-tab[aria-selected=true]:after,.hb-tab.is-active:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:-1px;height:2px;background:var(--color-main);border-radius:var(--radius-full)}.hb-tab:disabled,.hb-tab.is-disabled{color:var(--text-disabled);cursor:not-allowed}.hb-tab-panel{padding-top:var(--space-4)}.hb-tab-panel[hidden]{display:none}.hb-tabs--card{border-bottom:0;gap:var(--space-2)}.hb-tabs--card .hb-tab{min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface)}.hb-tabs--card .hb-tab[aria-selected=true],.hb-tabs--card .hb-tab.is-active{border-color:var(--color-main);background:var(--color-main-light)}.hb-tabs--card .hb-tab[aria-selected=true]:after,.hb-tabs--card .hb-tab.is-active:after{display:none}.hb-modal{position:fixed;inset:0;z-index:var(--z-index-modal);display:none;align-items:center;justify-content:center;padding:var(--space-4)}.hb-modal.is-open,.hb-modal[open]{display:flex}.hb-modal__mask{position:absolute;inset:0;background:#00000073;border:0;padding:0;cursor:pointer}.hb-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(480px,100%);max-height:min(80vh,720px);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:hb-modal-in var(--motion-duration-slow) var(--motion-ease-standard)}.hb-modal--lg .hb-modal__dialog{width:min(640px,100%)}.hb-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.hb-modal__title{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium)}.hb-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1}.hb-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.hb-modal__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-5)}.hb-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-hover)}@keyframes hb-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hb-modal__dialog{animation:none}}.hb-drawer{position:fixed;inset:0;z-index:var(--z-index-drawer);display:none}.hb-drawer.is-open,.hb-drawer[open]{display:block}.hb-drawer__mask{position:absolute;inset:0;background:#00000073;border:0;padding:0;cursor:pointer}.hb-drawer__panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(360px,100%);background:var(--bg-surface);box-shadow:var(--shadow-lg);animation:hb-drawer-right-in var(--motion-duration-slow) var(--motion-ease-standard)}.hb-drawer--left .hb-drawer__panel{right:auto;left:0;animation-name:hb-drawer-left-in}.hb-drawer--bottom .hb-drawer__panel{top:auto;left:0;right:0;width:100%;height:min(80vh,720px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation-name:hb-drawer-bottom-in}.hb-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-color)}.hb-drawer__title{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium)}.hb-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-lg)}.hb-drawer__close:hover{background:var(--bg-hover)}.hb-drawer__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-4);-webkit-overflow-scrolling:touch}.hb-drawer__footer{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);background:var(--bg-surface)}.hb-drawer__footer .hb-btn{flex:1 1 0}@keyframes hb-drawer-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hb-drawer-left-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hb-drawer-bottom-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hb-drawer__panel{animation:none}}.hb-toast-container{position:fixed;top:var(--space-5);left:50%;z-index:var(--z-index-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:min(480px,calc(100% - 32px));transform:translate(-50%);pointer-events:none}.hb-toast{display:flex;align-items:flex-start;gap:var(--space-2);max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);pointer-events:auto;animation:hb-toast-in var(--motion-duration-base) var(--motion-ease-decelerate)}.hb-toast__icon{flex:0 0 auto;width:16px;height:16px;margin-top:2px;border-radius:var(--radius-full);color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:var(--font-weight-bold)}.hb-toast__content{min-width:0;word-break:break-word}.hb-toast--success{border-color:#5eb95e59;background:#f6fff4}.hb-toast--success .hb-toast__icon{background:var(--color-success)}.hb-toast--error{border-color:#dd514c59;background:#fff8f8}.hb-toast--error .hb-toast__icon{background:var(--color-danger)}.hb-toast--warning{border-color:#f37b1d59;background:#fffbf6}.hb-toast--warning .hb-toast__icon{background:var(--color-warning)}.hb-toast--info .hb-toast__icon{background:var(--color-info)}.hb-toast.is-leaving{animation:hb-toast-out var(--motion-duration-fast) var(--motion-ease-accelerate) forwards}@keyframes hb-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes hb-toast-out{to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.hb-toast,.hb-toast.is-leaving{animation:none}}.hb-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-hover) 25%,#EDEDED 37%,var(--bg-hover) 63%);background-size:400% 100%;animation:hb-skeleton-shimmer 1.5s ease infinite}.hb-skeleton--text{height:14px;margin-bottom:var(--space-2)}.hb-skeleton--text-sm{height:12px;width:60%}.hb-skeleton--title{height:20px;width:70%}.hb-skeleton--circle{width:48px;height:48px;border-radius:var(--radius-full)}.hb-skeleton--image{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md)}.hb-skeleton--price{width:40%;height:24px}.hb-skeleton-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.hb-skeleton-detail{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:var(--space-6)}.hb-skeleton-detail__info{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:991px){.hb-skeleton-detail{grid-template-columns:minmax(0,1fr)}}@keyframes hb-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.hb-skeleton{animation:none;background:var(--bg-hover)}}.hb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;background:var(--bg-surface);border-radius:var(--radius-lg)}.hb-empty__illustration{width:120px;height:120px;color:var(--text-disabled)}.hb-empty__illustration svg{width:100%;height:100%}.hb-empty__title{margin:0;color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium)}.hb-empty__desc{max-width:420px;margin:0;color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.hb-empty__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.hb-empty--error .hb-empty__illustration{color:var(--color-danger)}.hb-empty--compact{padding:var(--space-5) var(--space-4)}.hb-empty--compact .hb-empty__illustration{width:72px;height:72px}