:root {
    --dy-bulk-ink: var(--dy-site-foreground);
    --dy-bulk-muted: var(--dy-site-muted-foreground);
    --dy-bulk-line: var(--dy-site-border);
    --dy-bulk-primary: var(--dy-site-primary);
    --dy-bulk-primary-hover: rgba(29, 95, 226, .8);
    --dy-bulk-bg: var(--dy-site-page-bg);
}

.dy-domain-bulk-body { background: var(--dy-bulk-bg); }
.dy-domain-bulk-body .dianle-pay { display: none; }
.dy-domain-bulk-page { min-height: 100vh; padding-top: 65px; overflow-x: hidden; color: var(--dy-bulk-ink); background: var(--dy-bulk-bg); font-family: "siyuan", "PingFang SC", "Microsoft YaHei", sans-serif; }
.dy-domain-bulk-page[v-cloak] { visibility: hidden; }
.dy-domain-bulk-shell { width: min(1104px, calc(100% - 48px)); margin: 0 auto; }
.dy-domain-bulk-hero { padding: 64px 0 64px; background: var(--dy-bulk-bg); }
.dy-domain-bulk-back { display: inline-flex; align-items: center; gap: 5px; color: var(--dy-bulk-muted); font-size: 14px; font-weight: 500; line-height: 20px; }
.dy-domain-bulk-back:hover { color: var(--dy-bulk-primary); }
.dy-domain-bulk-back svg { width: 16px; height: 16px; }
.dy-domain-bulk-heading { max-width: 760px; margin-top: 22px; }
.dy-domain-bulk-heading h1 { margin: 0; color: var(--dy-bulk-ink); font-size: 36px; line-height: 1.25; font-weight: 700; letter-spacing: 0; }
.dy-domain-bulk-heading p { margin: 16px 0 0; color: var(--dy-bulk-muted); font-size: 16px; line-height: 1.7; }
.dy-domain-bulk-grid { display: grid; grid-template-columns: 428px minmax(0, 1fr); gap: 24px; margin-top: 62px; align-items: stretch; }
.dy-domain-bulk-input-card { min-height: 490px; padding: 24px 20px 20px; border: 1px solid var(--dy-bulk-line); border-radius: 20px; background: #fff; box-shadow: 0 2px 5px rgba(32, 35, 44, .08); }
.dy-domain-bulk-input-card > label { display: block; color: var(--dy-bulk-ink); font-size: 14px; font-weight: 700; line-height: 20px; }
.dy-domain-bulk-help { margin: 4px 0 0; color: var(--dy-bulk-muted); font-size: 12px; line-height: 18px; }
.dy-domain-bulk-input-card textarea { display: block; width: 100%; height: 186px; margin-top: 12px; padding: 14px 12px; border: 1px solid var(--dy-bulk-line); border-radius: 16px; outline: 0; resize: vertical; color: var(--dy-bulk-ink); background: rgba(231, 237, 246, .6); font-size: 14px; line-height: 20px; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.dy-domain-bulk-input-card textarea:focus { border-color: rgba(29, 95, 226, .4); background: #fff; box-shadow: 0 0 0 3px rgba(29, 95, 226, .12); }
.dy-domain-bulk-input-card textarea::placeholder { color: var(--dy-bulk-muted); }
.dy-domain-bulk-count { margin: 10px 0 0; color: var(--dy-bulk-muted); font-size: 12px; line-height: 18px; }
.dy-domain-bulk-count strong { color: var(--dy-bulk-ink); font-weight: 700; }
.dy-domain-bulk-suffix-block { margin-top: 14px; }
.dy-domain-bulk-suffix-block > p { margin: 0; color: var(--dy-bulk-ink); font-size: 14px; font-weight: 700; line-height: 20px; }
.dy-domain-bulk-suffixes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px; }
.dy-domain-bulk-suffixes button { height: 35px; padding: 0 13px; border: 1px solid var(--dy-bulk-line); border-radius: 12px; color: var(--dy-bulk-muted); background: #fff; font-size: 13px; line-height: 33px; cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease; }
.dy-domain-bulk-suffixes button:hover { border-color: rgba(29, 95, 226, .4); color: var(--dy-bulk-primary); }
.dy-domain-bulk-suffixes button.is-selected { border-color: var(--dy-bulk-primary); color: var(--dy-site-accent-foreground); background: var(--dy-site-accent); box-shadow: 0 1px 2px rgba(29, 95, 226, .12); }
.dy-domain-bulk-submit { width: 100%; height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; border: 0; border-radius: 18px; color: var(--dy-site-primary-foreground); background: var(--dy-bulk-primary); font-size: 14px; font-weight: 600; cursor: pointer; transition: background .18s ease, opacity .18s ease; }
.dy-domain-bulk-submit:not(:disabled) { background: var(--dy-bulk-primary); }
.dy-domain-bulk-submit:not(:disabled):hover { background: var(--dy-bulk-primary); }
.dy-domain-bulk-submit:disabled { cursor: not-allowed; opacity: .5; }
.dy-domain-bulk-spinner { width: 15px; height: 15px; display: inline-block; flex: 0 0 auto; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: dy-domain-bulk-spin .7s linear infinite; }
@keyframes dy-domain-bulk-spin { to { transform: rotate(360deg); } }
.dy-domain-bulk-results { min-height: 490px; display: flex; flex-direction: column; border: 1px dashed var(--dy-bulk-line); border-radius: 20px; background: rgba(255, 255, 255, .5); }
.dy-domain-bulk-empty { min-height: 490px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; color: var(--dy-bulk-muted); text-align: center; }
.dy-domain-bulk-empty svg { width: 36px; height: 36px; color: var(--dy-bulk-muted); }
.dy-domain-bulk-empty p { max-width: 520px; margin: 20px 0 0; color: var(--dy-bulk-muted); font-size: 14px; line-height: 1.7; }
.dy-domain-bulk-loading { min-height: 490px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--dy-bulk-primary); font-size: 14px; }
.dy-domain-bulk-result-wrap { flex: 1; overflow: hidden; border-radius: 20px; background: #fff; }
.dy-domain-bulk-result-head { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; border-bottom: 1px solid var(--dy-bulk-line); }
.dy-domain-bulk-result-head strong { color: var(--dy-bulk-ink); font-size: 16px; }
.dy-domain-bulk-result-head span { color: var(--dy-bulk-muted); font-size: 12px; }
.dy-domain-bulk-result-head b { color: #008a48; }
.dy-domain-bulk-result-list { margin: 0; padding: 0; list-style: none; }
.dy-domain-bulk-result-row { min-height: 64px; display: grid; grid-template-columns: minmax(0, 1fr) 96px 72px; gap: 14px; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--dy-bulk-line); }
.dy-domain-bulk-result-row:last-child { border-bottom: 0; }
.dy-domain-bulk-result-name { min-width: 0; display: flex; align-items: center; gap: 9px; }
.dy-domain-bulk-status { width: 24px; height: 24px; display: inline-flex; flex: 0 0 24px; align-items: center; justify-content: center; border-radius: 50%; color: var(--dy-bulk-muted); background: var(--dy-site-muted); }
.dy-domain-bulk-status.is-available { color: #006933; background: #b4eec7; }
.dy-domain-bulk-status svg { width: 15px; height: 15px; }
.dy-domain-bulk-result-name > strong { min-width: 0; overflow: hidden; color: var(--dy-bulk-ink); font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.dy-domain-bulk-result-name em { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; color: var(--dy-bulk-muted); background: var(--dy-site-muted); font-size: 11px; font-style: normal; }
.dy-domain-bulk-result-name em.is-available { color: #006933; background: #b4eec7; }
.dy-domain-bulk-result-price { color: var(--dy-site-price); font-size: 13px; font-weight: 700; text-align: right; }
.dy-domain-bulk-result-action { display: flex; justify-content: flex-end; }
.dy-domain-bulk-cart-btn { width: 68px; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 0; border: 1px solid var(--dy-bulk-line); border-radius: 9px; color: var(--dy-bulk-muted); background: #fff; font-size: 12px; cursor: pointer; }
.dy-domain-bulk-cart-btn:hover, .dy-domain-bulk-cart-btn.is-added { border-color: var(--dy-bulk-primary); color: #fff; background: var(--dy-bulk-primary); }
.dy-domain-bulk-cart-btn svg { width: 14px; height: 14px; }
.dy-domain-bulk-unavailable { color: var(--dy-bulk-muted); font-size: 12px; }
.dy-domain-bulk-cart-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 20px; border-top: 1px solid rgba(29, 95, 226, .3); background: rgba(228, 239, 255, .5); }
.dy-domain-bulk-cart-bar p { margin: 0; color: var(--dy-bulk-ink); font-size: 13px; }
.dy-domain-bulk-cart-bar strong { font-weight: 700; }
.dy-domain-bulk-cart-bar b { color: var(--dy-site-price); font-size: 16px; }
.dy-domain-bulk-cart-bar small { color: var(--dy-bulk-muted); font-size: 11px; }
.dy-domain-bulk-cart-submit { height: 34px; padding: 0 14px; border: 0; border-radius: 9px; color: #fff; background: var(--dy-bulk-primary); font-size: 12px; font-weight: 600; cursor: pointer; }
.dy-domain-bulk-cart-submit:hover { background: var(--dy-bulk-primary-hover); }

@media screen and (max-width: 900px) {
    .dy-domain-bulk-grid { grid-template-columns: 1fr; }
    .dy-domain-bulk-input-card, .dy-domain-bulk-results, .dy-domain-bulk-empty, .dy-domain-bulk-loading { min-height: 0; }
    .dy-domain-bulk-results { min-height: 420px; }
    .dy-domain-bulk-empty, .dy-domain-bulk-loading { min-height: 360px; }
}

@media screen and (max-width: 639px) {
    .dy-domain-bulk-page { padding-top: 58px; }
    .dy-domain-bulk-shell { width: min(100% - 32px, 560px); }
    .dy-domain-bulk-hero { padding: 48px 0 52px; }
    .dy-domain-bulk-heading { margin-top: 24px; }
    .dy-domain-bulk-heading h1 { font-size: 30px; }
    .dy-domain-bulk-heading p { margin-top: 12px; font-size: 14px; }
    .dy-domain-bulk-grid { gap: 16px; margin-top: 38px; }
    .dy-domain-bulk-input-card { padding: 20px 16px 18px; }
    .dy-domain-bulk-input-card textarea { height: 170px; }
    .dy-domain-bulk-suffixes { gap: 7px; }
    .dy-domain-bulk-suffixes button { height: 34px; padding: 0 11px; }
    .dy-domain-bulk-result-head { align-items: flex-start; flex-direction: column; gap: 5px; padding: 14px 16px; }
    .dy-domain-bulk-result-row { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 13px 14px; }
    .dy-domain-bulk-result-name { grid-column: 1 / -1; }
    .dy-domain-bulk-result-price { text-align: left; }
    .dy-domain-bulk-cart-bar { align-items: stretch; flex-direction: column; padding: 14px 16px; }
    .dy-domain-bulk-cart-submit { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .dy-domain-bulk-spinner { animation: none; }
}