/* 网站前台各页面样式（inc/_top.asp 在 page_head 之后引用）
   每页规则都带 :where(.pg-页面) 作用域：<html class="pg-..."> 由模板按脚本路径生成，:where() 不增加优先级，覆盖关系与原来写在页面里时一致。
   新页面样式照此格式追加，不要再在页面里写 <style>。 */

/* ===== about/download/default.asp ===== */
:where(.pg-about-download-default) .download-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
:where(.pg-about-download-default) .download-card{background: #fff; border: 1px solid #e6e9ef; padding: 30px; transition: all 0.3s ease; display: flex; flex-direction: column;}
:where(.pg-about-download-default) .download-card:hover{border-color: #cdd9f5; box-shadow: 0 16px 38px rgba(20,40,80,0.1); transform: translateY(-5px);}
:where(.pg-about-download-default) .download-card h3{font-size: 1.25rem; font-weight: 700; color: #0b1f4d; margin-bottom: 12px;}
:where(.pg-about-download-default) .download-card p{font-size: 0.95rem; color: #5f6b7e; line-height: 1.7; margin-bottom: 20px; flex: 1;}
:where(.pg-about-download-default) .download-btn{display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: #fff; text-decoration: none; font-weight: 700; font-size: 0.95rem; transition: all 0.3s ease; align-self: flex-start;}
:where(.pg-about-download-default) .download-btn:hover{color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(37,99,235,0.3);}
:where(.pg-about-download-default) .download-btn svg{width: 18px; height: 18px;}
@media (max-width: 1024px){
  :where(.pg-about-download-default) .download-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px){
  :where(.pg-about-download-default) .download-grid{grid-template-columns: 1fr;}
  :where(.pg-about-download-default) .download-card{padding: 24px;}
}

/* ===== domain/default.asp ===== */
:where(.pg-domain-default) .domain-closed-notice{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 16px;border-radius:10px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:15px;font-weight:600;line-height:1.5;}
:where(.pg-domain-default) .domain-closed-notice i{font-size:20px;color:#f97316;flex:0 0 auto;}
:where(.pg-domain-default) .domain-search-btn[disabled]{opacity:.55;cursor:not-allowed;}

/* ===== domain/whois.asp ===== */
:where(.pg-domain-whois) .whois-wrap{max-width:880px; margin:-40px auto 0; padding:0 16px; position:relative; z-index:3;}
:where(.pg-domain-whois) .whois-search-form{display:flex; background:#fff; border:1px solid #e6e9ef; box-shadow:0 18px 50px rgba(20,40,80,.14);}
:where(.pg-domain-whois) .whois-search-input{flex:1; min-width:0; height:60px; padding:0 20px; border:none; font-size:16px; color:#0b1f4d; background:transparent; outline:none;}
:where(.pg-domain-whois) .whois-search-input::placeholder{color:#a7b0bd;}
:where(.pg-domain-whois) .whois-search-btn{display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding:0 32px; border:none; cursor:pointer; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; font-size:16px; font-weight:700; transition:.2s;}
:where(.pg-domain-whois) .whois-search-btn:hover{filter:brightness(1.07);}
:where(.pg-domain-whois) .whois-search-btn svg{width:18px; height:18px;}
:where(.pg-domain-whois) .whois-result{margin-top:26px;}
:where(.pg-domain-whois) .whois-result-card{background:#fff; border:1px solid #e6e9ef; box-shadow:0 10px 30px rgba(20,40,80,.06);}
:where(.pg-domain-whois) .whois-result-header{display:flex; align-items:center; gap:12px; padding:18px 24px; border-bottom:1px solid #eef1f6; background:linear-gradient(180deg,#fbfcfe,#fff);}
:where(.pg-domain-whois) .whois-result-header-icon{width:40px; height:40px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:#eaf1ff; color:#2563eb;}
:where(.pg-domain-whois) .whois-result-header-icon svg{width:21px; height:21px;}
:where(.pg-domain-whois) .whois-result-header h2{margin:0; font-size:17px; color:#0b1f4d; font-weight:700; word-break:break-all;}
:where(.pg-domain-whois) .whois-result-header h2 span{color:#2563eb;}
:where(.pg-domain-whois) .whois-result-body{padding:22px 24px;}
:where(.pg-domain-whois) .whois-raw-title{display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#41506b; margin-bottom:12px;}
:where(.pg-domain-whois) .whois-raw-title svg{width:16px; height:16px; color:#2563eb; flex:0 0 auto;}
:where(.pg-domain-whois) .whois-raw pre{margin:0; padding:18px; background:#0b1f3a; color:#cfe0ff; font-size:12.5px; line-height:1.7; overflow:auto; max-height:480px; white-space:pre-wrap; word-break:break-all; font-family:'SF Mono',Monaco,Consolas,monospace;}
:where(.pg-domain-whois) .whois-error{text-align:center; padding:42px 20px;}
:where(.pg-domain-whois) .whois-error-icon{width:56px; height:56px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; background:#fdecec; color:#ef4444; border-radius:50%;}
:where(.pg-domain-whois) .whois-error-icon svg{width:28px; height:28px;}
:where(.pg-domain-whois) .whois-error p{margin:0; color:#8a98a8; font-size:15px;}
:where(.pg-domain-whois) .whois-links{max-width:880px; margin:34px auto 70px; padding:0 16px;}
:where(.pg-domain-whois) .whois-links-title{display:flex; align-items:center; gap:8px; font-size:17px; font-weight:700; color:#0b1f4d; margin-bottom:16px;}
:where(.pg-domain-whois) .whois-links-title svg{width:18px; height:18px; color:#2563eb; flex:0 0 auto;}
:where(.pg-domain-whois) .whois-links-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
:where(.pg-domain-whois) .whois-link-card{display:flex; flex-direction:column; align-items:center; gap:11px; padding:24px 16px; background:#fff; border:1px solid #e6e9ef; text-decoration:none; transition:.2s;}
:where(.pg-domain-whois) .whois-link-card:hover{border-color:#2563eb; box-shadow:0 12px 26px rgba(37,99,235,.13); transform:translateY(-2px);}
:where(.pg-domain-whois) .whois-link-icon{width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#eaf1ff; color:#2563eb;}
:where(.pg-domain-whois) .whois-link-icon svg{width:24px; height:24px;}
:where(.pg-domain-whois) .whois-link-text{font-size:14.5px; font-weight:600; color:#0b1f4d;}
@media(max-width:600px){
  :where(.pg-domain-whois) .whois-wrap{margin-top:-30px;}
  :where(.pg-domain-whois) .whois-search-form{flex-direction:column;}
  :where(.pg-domain-whois) .whois-search-input{height:52px;}
  :where(.pg-domain-whois) .whois-search-btn{height:50px; justify-content:center;}
  :where(.pg-domain-whois) .whois-result-body{padding:18px 16px;}
  :where(.pg-domain-whois) .whois-links-grid{grid-template-columns:1fr;}
}

/* ===== server/cloud/default.asp ===== */
:where(.pg-server-cloud-default) .theme-server{--theme-primary: #2563eb; --theme-secondary: #1d4ed8; --theme-primary-rgb: 37, 99, 235; --theme-secondary-rgb: 37, 99, 235; --theme-glow: rgba(37, 99, 235, 0.4);}
:where(.pg-server-cloud-default) body.product-page{background: #ffffff !important;}
:where(.pg-server-cloud-default) body.product-page .server-buy-section{background: transparent !important;}
:where(.pg-server-cloud-default) .server-config-panel{background: #ffffff !important; border: 1px solid rgba(37, 99, 235, 0.15) !important;}
:where(.pg-server-cloud-default) .server-price-card{background: #ffffff !important; border: 1px solid rgba(37, 99, 235, 0.15) !important;}
:where(.pg-server-cloud-default) .server-buy-section{padding: 60px 20px 80px; max-width: 1400px; margin: 0 auto;}
:where(.pg-server-cloud-default) .server-buy-title{text-align: center; margin-bottom: 40px;}
:where(.pg-server-cloud-default) .server-buy-title h2{font-size: 32px; font-weight: 700; color: #0b1f4d; margin-bottom: 12px;}
:where(.pg-server-cloud-default) .server-buy-title p{color: #7a8699; font-size: 16px;}
:where(.pg-server-cloud-default) .server-config-container{display: flex; gap: 30px; align-items: flex-start;}
:where(.pg-server-cloud-default) .server-config-panel{flex: 1; background: #f7f9fc; border: 1px solid #e6e9ef; border-radius: 0; overflow: hidden;}
:where(.pg-server-cloud-default) .server-config-panel .config-tier{display: block !important; position: static !important; border: none !important; border-bottom: 1px solid rgba(37, 99, 235, 0.1) !important; background: transparent !important; background-color: transparent !important; width: 100% !important; margin-bottom: 0 !important; padding: 0 !important;}
:where(.pg-server-cloud-default) .server-config-panel .config-tier:last-child{border-bottom: none !important;}
:where(.pg-server-cloud-default) .server-config-panel .config-tier-title{display: flex !important; flex-direction: row !important; position: static !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; width: 100% !important; height: auto !important; padding: 20px 24px 12px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--theme-primary) !important; align-items: center !important; gap: 8px !important; background: transparent !important; background-color: transparent !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; transform: none !important;}
:where(.pg-server-cloud-default) .server-config-panel .config-tier-title span{position: static !important; top: auto !important; left: auto !important; width: auto !important; margin: 0 !important; writing-mode: horizontal-tb !important; display: inline !important; transform: none !important; line-height: normal !important;}
:where(.pg-server-cloud-default) .server-config-panel .config-tier-title::before{content: '' !important; width: 4px !important; height: 16px !important; flex-shrink: 0 !important; background: linear-gradient(180deg, var(--theme-primary), var(--theme-secondary)) !important; border-radius: 0;}
:where(.pg-server-cloud-default) .server-config-panel .config-tier-panel{display: block !important; width: 100% !important; margin-left: 0 !important; padding: 0 24px 20px !important; background: transparent !important;}
:where(.pg-server-cloud-default) .config-row{display: flex; align-items: flex-start; margin-bottom: 16px;}
:where(.pg-server-cloud-default) .config-row:last-child{margin-bottom: 0;}
:where(.pg-server-cloud-default) .config-row-title{width: 90px; flex-shrink: 0; color: #7a8699; font-size: 14px; padding-top: 8px; line-height: 36px;}
:where(.pg-server-cloud-default) .config-row-content{flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
:where(.pg-server-cloud-default) .config-row-content.SSDUPDOWN, :where(.pg-server-cloud-default) .config-row-content.SYSDISKUPDOWN, :where(.pg-server-cloud-default) .config-row-content.BANDWIDTHUPDOWN, :where(.pg-server-cloud-default) .config-row-content.IPUPDOWN{display: flex; flex-wrap: nowrap; align-items: center; gap: 16px;}
:where(.pg-server-cloud-default) .config-row-content.SSDUPDOWN .slider, :where(.pg-server-cloud-default) .config-row-content.SYSDISKUPDOWN .slider, :where(.pg-server-cloud-default) .config-row-content.BANDWIDTHUPDOWN .slider, :where(.pg-server-cloud-default) .config-row-content.IPUPDOWN .slider{flex: 1; max-width: 350px; margin: 0;}
:where(.pg-server-cloud-default) .config-row-content.SSDUPDOWN .config-input-container, :where(.pg-server-cloud-default) .config-row-content.SYSDISKUPDOWN .config-input-container, :where(.pg-server-cloud-default) .config-row-content.BANDWIDTHUPDOWN .config-input-container, :where(.pg-server-cloud-default) .config-row-content.IPUPDOWN .config-input-container{margin-left: 0;}
:where(.pg-server-cloud-default) .free-resource-tip{font-size: 12px; color: #22c55e; white-space: nowrap; order: 10;}
:where(.pg-server-cloud-default) .pass-desc{color: #8a98a8; font-size: 13px; display: block; width: 100%; margin-top: 8px;}
:where(.pg-server-cloud-default) .config-row-content .selectButton + .selectButton{margin-left: 0;}
:where(.pg-server-cloud-default) .config-row-content > .config-tip{flex-basis: 100%;}
:where(.pg-server-cloud-default) .button-group, :where(.pg-server-cloud-default) .butBox{display: flex !important; flex-wrap: wrap !important; gap: 10px !important;}
:where(.pg-server-cloud-default) .button-group a, :where(.pg-server-cloud-default) .butBox a{display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 70px !important; height: 36px !important; padding: 0 16px !important; background: #ffffff !important; border: 1px solid #cdd9f5 !important; border-radius: 0; color: #27344a !important; font-size: 14px !important; cursor: pointer !important; transition: all 0.2s !important; text-decoration: none !important;}
:where(.pg-server-cloud-default) .button-group a:hover{background: #e6e9ef; color: #0b1f4d; border-color: #dfe5ef;}
:where(.pg-server-cloud-default) .button-group a.slt, :where(.pg-server-cloud-default) .butBox a.slt{background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important; border-color: transparent !important; color: #fff !important; font-weight: 500 !important;}
:where(.pg-server-cloud-default) .button-group a.disable{opacity: 0.4; cursor: not-allowed; pointer-events: none;}
:where(.pg-server-cloud-default) .button-group a.trial-option{background: rgba(251, 146, 60, 0.2) !important; border-color: rgba(251, 146, 60, 0.5) !important; color: #fb923c !important;}
:where(.pg-server-cloud-default) .button-group a.trial-option:hover{background: rgba(251, 146, 60, 0.3) !important; border-color: rgba(251, 146, 60, 0.7) !important;}
:where(.pg-server-cloud-default) .button-group a.trial-option.slt{background: linear-gradient(135deg, #f97316, #ea580c) !important; border-color: transparent !important; color: #fff !important;}
:where(.pg-server-cloud-default) .line-buttons{display: flex; flex-wrap: wrap; gap: 10px;}
:where(.pg-server-cloud-default) .line-type-btn{display: flex; align-items: center; gap: 10px; padding: 10px 18px 10px 14px; background: #f7f9fc; border: 1px solid #e6e9ef; border-radius: 0; color: #8a98a8; font-size: 13px; cursor: pointer; transition: all 0.25s; text-decoration: none; position: relative;}
:where(.pg-server-cloud-default) .line-flag{width: 28px; height: 19px; border-radius: 0; flex-shrink: 0; box-shadow: 0 1px 3px rgba(20,40,80,0.12);}
:where(.pg-server-cloud-default) .line-text{display: flex; flex-direction: column; line-height: 1.3;}
:where(.pg-server-cloud-default) .line-text em{font-style: normal; font-size: 11px; color: #5f6b7e; margin-top: 1px;}
:where(.pg-server-cloud-default) .line-type-btn:hover{background: #e6e9ef; border-color: #dfe5ef; color: #27344a; transform: translateY(-1px);}
:where(.pg-server-cloud-default) .line-type-btn:hover .line-text em{color: #8a98a8;}
:where(.pg-server-cloud-default) .line-type-btn.slt{background: linear-gradient(135deg, rgba(var(--theme-primary-rgb), 0.12), rgba(var(--theme-secondary-rgb), 0.08)); border-color: var(--theme-primary); color: #0b1f4d; box-shadow: 0 0 12px rgba(var(--theme-primary-rgb), 0.15);}
:where(.pg-server-cloud-default) .line-type-btn.slt .line-text em{color: #3b6fe5;}
:where(.pg-server-cloud-default) .line-type-btn.slt::after{content: ''; position: absolute; top: 5px; right: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--theme-primary); box-shadow: 0 0 6px var(--theme-primary);}
:where(.pg-server-cloud-default) .line-type-btn.disable{opacity: 0.35; cursor: not-allowed; pointer-events: none;}
:where(.pg-server-cloud-default) .slider{position: relative; width: 100%; max-width: 400px; height: 6px; background: #e6e9ef; border-radius: 0; margin: 15px 0; touch-action: none;}
:where(.pg-server-cloud-default) .slider-range{position: absolute; height: 100%; background: linear-gradient(90deg, var(--theme-primary), var(--theme-secondary)); border-radius: 0;}
:where(.pg-server-cloud-default) .slider-btn{position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 8px rgba(20,40,80,0.12); touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
:where(.pg-server-cloud-default) .slider-item-box{display: none !important;}
:where(.pg-server-cloud-default) .slider-item, :where(.pg-server-cloud-default) .slider-item-number, :where(.pg-server-cloud-default) .slider-range-item, :where(.pg-server-cloud-default) .range-item-number{display: none !important;}
:where(.pg-server-cloud-default) .config-input-container{display: inline-flex; align-items: center; background: #f5f7fa; border: 1px solid #e6e9ef; border-radius: 0; padding: 0 12px; height: 36px; margin-left: 28px;}
:where(.pg-server-cloud-default) .config-slider-input{width: 50px; background: transparent; border: none; color: #0b1f4d; font-size: 14px; text-align: center; outline: none;}
:where(.pg-server-cloud-default) .config-input-unit{color: #8a98a8; font-size: 13px; margin-left: 4px;}
:where(.pg-server-cloud-default) .number-control{display: inline-flex; flex-direction: column; margin-left: 8px;}
:where(.pg-server-cloud-default) .number-control span{display: block; width: 20px; height: 14px; background: #e6e9ef; border: 1px solid #e6e9ef; cursor: pointer; position: relative;}
:where(.pg-server-cloud-default) .number-control-up{border-radius: 0;}
:where(.pg-server-cloud-default) .number-control-down{border-radius: 0; margin-top: -1px;}
:where(.pg-server-cloud-default) .number-control-up::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #7a8699;}
:where(.pg-server-cloud-default) .number-control-down::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #7a8699;}
:where(.pg-server-cloud-default) .number-control span:hover{background: #e6e9ef;}
:where(.pg-server-cloud-default) .add-disk{display: inline-flex; align-items: center; gap: 8px; color: var(--theme-primary) !important; font-size: 14px; cursor: pointer; text-decoration: none !important; background: none !important; border: none !important; padding: 0 !important;}
:where(.pg-server-cloud-default) .add-disk::before{content: '+'; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: rgba(var(--theme-primary-rgb), 0.15); border: 1px solid rgba(var(--theme-primary-rgb), 0.3); border-radius: 0; font-size: 16px; font-weight: bold;}
:where(.pg-server-cloud-default) .add-disk:hover{color: var(--theme-secondary) !important;}
:where(.pg-server-cloud-default) .show-disk-amount{color: #8a98a8; font-size: 13px; margin-left: 16px;}
:where(.pg-server-cloud-default) .text-stress{color: var(--theme-primary);}
:where(.pg-server-cloud-default) .delete-disk-row{display: inline-block; width: 20px; height: 20px; background: rgba(239, 68, 68, 0.15); border-radius: 0; cursor: pointer; position: relative;}
:where(.pg-server-cloud-default) .delete-disk-row::before{content: '×'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ef4444; font-size: 14px;}
:where(.pg-server-cloud-default) .selectButton{position: relative; min-width: 160px; display: inline-block; vertical-align: middle;}
:where(.pg-server-cloud-default) .selectButton dl{margin: 0; padding: 0;}
:where(.pg-server-cloud-default) .selectButton dt{display: flex; align-items: center; height: 36px; padding: 0 12px; background: #f5f7fa; border: 1px solid #e6e9ef; border-radius: 0; color: #7a8699; font-size: 14px; cursor: pointer;}
:where(.pg-server-cloud-default) .selectButton dt .ico{margin-right: 8px;}
:where(.pg-server-cloud-default) .selectButton dt .text{flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(.pg-server-cloud-default) .selectButton dt::after{content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #8a98a8; margin-left: 8px; flex-shrink: 0;}
:where(.pg-server-cloud-default) .selectButton dd{margin: 0; padding: 0;}
:where(.pg-server-cloud-default) .selectButton .select{display: none; position: absolute; top: 100%; left: 0; min-width: 100%; margin-top: 4px; background: #27344a; border: 1px solid #e6e9ef; border-radius: 0; z-index: 100; max-height: 200px; overflow-y: auto;}
:where(.pg-server-cloud-default) .selectButton .select.show{display: block;}
:where(.pg-server-cloud-default) .selectButton .select ul{list-style: none; margin: 0; padding: 4px;}
:where(.pg-server-cloud-default) .selectButton .select li{padding: 10px 12px; color: #7a8699; font-size: 14px; cursor: pointer; border-radius: 0; white-space: nowrap;}
:where(.pg-server-cloud-default) .selectButton .select li:hover, :where(.pg-server-cloud-default) .selectButton .select li.hover{background: #e6e9ef; color: #0b1f4d;}
:where(.pg-server-cloud-default) .selectButton .select li.disabled{opacity: 0.4; cursor: not-allowed;}
:where(.pg-server-cloud-default) .config-tip{display: block; width: 100%; margin-top: 10px; margin-left: 0;}
:where(.pg-server-cloud-default) .config-tip::before{display: none;}
:where(.pg-server-cloud-default) .config-tip .config-tip-content{display: block; position: static; transform: none; width: auto; padding: 10px 14px; background: rgba(var(--theme-primary-rgb), 0.1); border: 1px solid rgba(var(--theme-primary-rgb), 0.2); border-radius: 0; color: #7a8699; font-size: 13px; line-height: 1.5;}
:where(.pg-server-cloud-default) .input-reset{width: 200px; height: 36px; padding: 0 12px; background: #f5f7fa; border: 1px solid #e6e9ef; border-radius: 0; color: #0b1f4d; font-size: 14px; outline: none;}
:where(.pg-server-cloud-default) .input-reset:focus{border-color: var(--theme-primary);}
:where(.pg-server-cloud-default) .hide{display: none !important;}
:where(.pg-server-cloud-default) .number-container{display: inline-flex; align-items: center;}
:where(.pg-server-cloud-default) .number-input-box{display: inline-flex; align-items: center; background: #f5f7fa; border: 1px solid #e6e9ef; border-radius: 0; padding: 0 12px; height: 36px;}
:where(.pg-server-cloud-default) .number-input{width: 40px; background: transparent; border: none; color: #0b1f4d; font-size: 14px; text-align: center; outline: none;}
:where(.pg-server-cloud-default) .number-unit{color: #8a98a8; font-size: 13px; margin-left: 4px;}
:where(.pg-server-cloud-default) .months-button-7 a{position: relative;}
:where(.pg-server-cloud-default) .hui-icon{display: none; position: absolute; top: -6px; right: -6px; width: 16px; height: 16px; background: #f59e0b; border-radius: 50%; font-size: 10px; color: #fff;}
:where(.pg-server-cloud-default) .hui-icon::before{content: '惠'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
:where(.pg-server-cloud-default) .server-price-panel{width: 360px; flex-shrink: 0; position: sticky; top: 100px;}
:where(.pg-server-cloud-default) .server-price-card{background: #f7f9fc; border: 1px solid #e6e9ef; border-radius: 0; padding: 24px;}
:where(.pg-server-cloud-default) .server-price-header{display: flex; align-items: center; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid #e6e9ef; margin-bottom: 20px;}
:where(.pg-server-cloud-default) .server-price-header::before{content: ''; width: 4px; height: 20px; background: linear-gradient(180deg, var(--theme-primary), var(--theme-secondary)); border-radius: 0;}
:where(.pg-server-cloud-default) .server-price-header h3{font-size: 16px; font-weight: 600; color: #0b1f4d; margin: 0;}
:where(.pg-server-cloud-default) .server-price-row{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px;}
:where(.pg-server-cloud-default) .server-price-label{color: #8a98a8; font-size: 14px;}
:where(.pg-server-cloud-default) .server-price-value{color: #0b1f4d; font-size: 14px; text-align: right; max-width: 200px; word-break: break-all;}
:where(.pg-server-cloud-default) .server-price-main{padding: 16px 0 2px; border-top: 1px dashed #e6e9ef; margin-top: 16px; text-align: center;}
:where(.pg-server-cloud-default) .sp-pay-row{display: flex; align-items: baseline; justify-content: center; gap: 10px; flex-wrap: wrap;}
:where(.pg-server-cloud-default) .sp-pay-label{font-size: 14px; font-weight: 600; color: #0b1f4d;}
:where(.pg-server-cloud-default) .server-price-amount{font-size: 34px; font-weight: 800; color: #f97316; line-height: 1.1;}
:where(.pg-server-cloud-default) .server-price-amount .error{font-size: 14px; color: #ef4444;}
:where(.pg-server-cloud-default) .server-price-amount .querying{font-size: 14px; color: #7a8699;}
:where(.pg-server-cloud-default) .origin-price{color: #9aa6b4; font-size: 13.5px; margin-top: 8px; text-align: center;}
:where(.pg-server-cloud-default) .origin-price s{text-decoration: line-through;}
:where(.pg-server-cloud-default) .favorable-reminder{display: inline-flex; align-items: center; gap: 6px; color: #0f9d6b; font-size: 12.5px; font-weight: 600; margin-top: 10px; background: #eafaf3; border: 1px solid #c7efdd; padding: 5px 12px;}
:where(.pg-server-cloud-default) .server-buy-btn{display: block; width: 100%; height: 48px; margin-top: 20px; background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)); border: none; border-radius: 0; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s;}
:where(.pg-server-cloud-default) .server-buy-btn:hover{transform: translateY(-2px); box-shadow: 0 8px 25px rgba(var(--theme-primary-rgb), 0.35);}
:where(.pg-server-cloud-default) .server-buy-btn:disabled{opacity: 0.6; cursor: not-allowed; transform: none;}
:where(.pg-server-cloud-default) .server-config-summary{margin-top: 16px; padding: 16px; background: #f7f9fc; border-radius: 0;}
:where(.pg-server-cloud-default) .server-config-summary-title{color: #8a98a8; font-size: 13px; margin-bottom: 8px;}
:where(.pg-server-cloud-default) .server-config-summary-content{color: #7a8699; font-size: 13px; line-height: 1.6;}
@media (max-width: 1024px){
  :where(.pg-server-cloud-default) .server-config-container{flex-direction: column;}
  :where(.pg-server-cloud-default) .server-price-panel{width: 100%; position: static;}
  :where(.pg-server-cloud-default) .line-buttons{flex-wrap: wrap;}
  :where(.pg-server-cloud-default) .line-type-btn{min-width: calc(50% - 6px); flex: 1 1 calc(50% - 6px);}
}
@media (max-width: 640px){
  :where(.pg-server-cloud-default) .server-buy-section{padding: 30px 15px 60px;}
  :where(.pg-server-cloud-default) .config-row{flex-direction: column;}
  :where(.pg-server-cloud-default) .config-row-title{width: 100%; padding-bottom: 8px; line-height: 1.4;}
  :where(.pg-server-cloud-default) .config-row-content{width: 100%;}
  :where(.pg-server-cloud-default) .config-row-content.SSDUPDOWN, :where(.pg-server-cloud-default) .config-row-content.SYSDISKUPDOWN, :where(.pg-server-cloud-default) .config-row-content.BANDWIDTHUPDOWN, :where(.pg-server-cloud-default) .config-row-content.IPUPDOWN{flex-wrap: wrap;}
  :where(.pg-server-cloud-default) .config-row-content.SSDUPDOWN .slider, :where(.pg-server-cloud-default) .config-row-content.SYSDISKUPDOWN .slider, :where(.pg-server-cloud-default) .config-row-content.BANDWIDTHUPDOWN .slider, :where(.pg-server-cloud-default) .config-row-content.IPUPDOWN .slider{flex: none; width: 100%; max-width: 100%; margin-bottom: 10px;}
  :where(.pg-server-cloud-default) .line-type-btn{min-width: 100%; flex: 1 1 100%;}
  :where(.pg-server-cloud-default) .selectButton{width: 100%; margin-bottom: 10px;}
  :where(.pg-server-cloud-default) .slider{max-width: 100%;}
  :where(.pg-server-cloud-default) .slider-btn{width: 24px; height: 24px;}
  :where(.pg-server-cloud-default) .pass-desc{margin-top: 10px;}
}
:where(.pg-server-cloud-default) .os-type-tabs{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px;}
:where(.pg-server-cloud-default) .os-type-tab{padding:6px 16px; font-size:13px; color:#7a8699; background:#f5f7fa; border:1px solid #e6e9ef; border-radius: 0; cursor:pointer; transition:all .2s; display:inline-flex; align-items:center;}
:where(.pg-server-cloud-default) .os-type-tab:hover{color:#27344a; border-color:rgba(37,99,235,0.3); background:rgba(37,99,235,0.08);}
:where(.pg-server-cloud-default) .os-type-tab.active{color:#fff; background:linear-gradient(135deg,#1d4ed8,#2563eb); border-color:transparent;}
:where(.pg-server-cloud-default) .os-card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; align-items:start; align-content:start;}
@media (max-width: 768px){
  :where(.pg-server-cloud-default) .os-card-grid{grid-template-columns: repeat(2, 1fr);}
}
:where(.pg-server-cloud-default) .os-card{display:flex; align-items:center; gap:10px; padding:12px 14px; background:#f7f9fc; border:1px solid #e6e9ef; border-radius: 0; cursor:pointer; transition:all .2s;}
:where(.pg-server-cloud-default) .os-card:hover{background:rgba(37,99,235,0.08); border-color:rgba(37,99,235,0.25);}
:where(.pg-server-cloud-default) .os-card.active{background:rgba(37,99,235,0.12); border-color:rgba(37,99,235,0.5); box-shadow:0 0 0 1px rgba(37,99,235,0.3);}
:where(.pg-server-cloud-default) .os-card-icon{width:28px; height:28px; flex-shrink:0;}
:where(.pg-server-cloud-default) .os-card-name{font-size:13px; color:#27344a; line-height:1.3;}

/* ===== site/default.asp ===== */
:where(.pg-site-default) .theme-site, :where(.pg-site-default) body.product-page{--theme-primary:#2563eb; --theme-secondary:#1d4ed8; --theme-primary-rgb:37,99,235; --theme-secondary-rgb:37,99,235; --bg-card:#fff; --border-color:#e6e9ef; --text-primary:#0b1f4d; --text-muted:#8a98a8;}
:where(.pg-site-default) .site-stats{display: flex; justify-content: center; gap: 60px; margin: 30px 0 0; flex-wrap: wrap;}
:where(.pg-site-default) .site-stat-item{text-align: center;}
:where(.pg-site-default) .site-stat-number{font-size: 36px; font-weight: 800; color: #fff;}
:where(.pg-site-default) .site-stat-label{font-size: 14px; color: rgba(255,255,255,0.7); margin-top: 5px;}
:where(.pg-site-default) .site-layout{display:flex; gap:28px; align-items:flex-start;}
:where(.pg-site-default) .site-sidebar{flex:0 0 220px; position:sticky; top:90px; background:#fff; border:1px solid var(--border-color);}
:where(.pg-site-default) .site-sidebar-title{font-size:15px; font-weight:700; color:var(--text-primary); padding:16px 20px; border-bottom:1px solid var(--border-color);}
:where(.pg-site-default) .site-cat-nav{display:flex; flex-direction:column; padding:8px;}
:where(.pg-site-default) .site-cat-link{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 14px; font-size:14px; color:#5f6b7e; text-decoration:none; transition:.2s; border-left:3px solid transparent;}
:where(.pg-site-default) .site-cat-link:hover{background:#f5f8fc; color:var(--theme-primary);}
:where(.pg-site-default) .site-cat-link.active{background:#eaf1ff; color:var(--theme-primary); font-weight:700; border-left-color:var(--theme-primary);}
:where(.pg-site-default) .site-content{flex:1; min-width:0;}
:where(.pg-site-default) .site-content-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; padding-bottom:14px; border-bottom:1px solid var(--border-color);}
:where(.pg-site-default) .site-content-head h2{font-size:20px; font-weight:700; color:var(--text-primary); margin:0;}
:where(.pg-site-default) .site-content-head .count{font-size:13px; color:var(--text-muted); white-space:nowrap;}
:where(.pg-site-default) .site-search{margin-bottom:22px;}
:where(.pg-site-default) .site-search form{display:flex; width:100%;}
:where(.pg-site-default) .site-search input{flex:1; min-width:0; height:46px; padding:0 16px; border:1px solid var(--border-color); border-right:none; font-size:14px; color:var(--text-primary); background:#fff; outline:none; transition:border-color .2s;}
:where(.pg-site-default) .site-search input::placeholder{color:#a7b0bd;}
:where(.pg-site-default) .site-search input:focus{border-color:var(--theme-primary);}
:where(.pg-site-default) .site-search button{height:46px; padding:0 26px; background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary)); color:#fff; border:none; font-size:14px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:.2s;}
:where(.pg-site-default) .site-search button:hover{color:#fff; box-shadow:0 8px 20px rgba(37,99,235,.28);}
:where(.pg-site-default) .site-search button svg{width:16px; height:16px;}
:where(.pg-site-default) .site-templates-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 40px;}
:where(.pg-site-default) .site-template-card{background: var(--bg-card); border: 1px solid var(--border-color); overflow: hidden; transition: all 0.3s ease; cursor: pointer;}
:where(.pg-site-default) .site-template-card:hover{transform: translateY(-6px); border-color: #cdd9f5; box-shadow: 0 18px 44px rgba(20,40,80,0.12);}
:where(.pg-site-default) .site-template-image{position: relative; width: 100%; padding-top: 66.67%; overflow: hidden; background: #eef2f8;}
:where(.pg-site-default) .site-template-image img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
:where(.pg-site-default) .site-template-card:hover .site-template-image img{transform: scale(1.05);}
:where(.pg-site-default) .site-template-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(var(--theme-primary-rgb), 0.9), rgba(var(--theme-secondary-rgb), 0.9)); display: flex; align-items: center; justify-content: center; gap: 15px; opacity: 0; transition: opacity 0.3s ease;}
:where(.pg-site-default) .site-template-card:hover .site-template-overlay{opacity: 1;}
:where(.pg-site-default) .site-template-overlay-btn{padding: 10px 20px; border-radius: 0; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 6px;}
:where(.pg-site-default) .site-template-overlay-btn.preview{background: rgba(255,255,255,0.2); color: #fff; border: 1px solid rgba(255,255,255,0.3);}
:where(.pg-site-default) .site-template-overlay-btn.preview:hover{background: rgba(255,255,255,0.3);}
:where(.pg-site-default) .site-template-overlay-btn.buy{background: #fff; color: var(--theme-primary);}
:where(.pg-site-default) .site-template-overlay-btn.buy:hover{background: #f0f0f0; transform: scale(1.05);}
:where(.pg-site-default) .site-template-info{padding: 20px;}
:where(.pg-site-default) .site-template-name{font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(.pg-site-default) .site-template-meta{display: flex; align-items: center; justify-content: space-between;}
:where(.pg-site-default) .site-template-id{font-size: 13px; color: var(--text-muted);}
:where(.pg-site-default) .site-template-price{font-size: 18px; font-weight: 700; color: var(--theme-primary);}
:where(.pg-site-default) .site-template-price-suffix{font-size: 12px; font-weight: 400; color: var(--text-muted);}
:where(.pg-site-default) .site-pagination{display: flex; justify-content: center; margin: 40px 0;}
:where(.pg-site-default) .layui-laypage a, :where(.pg-site-default) .layui-laypage span{background-color: #f7f9fc !important; border: 1px solid #e6e9ef !important; color: #5f6b7e !important;}
:where(.pg-site-default) .layui-laypage .layui-laypage-curr em{background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important;}
:where(.pg-site-default) .layui-laypage a:hover{background-color: rgba(var(--theme-primary-rgb), 0.2) !important; border-color: rgba(var(--theme-primary-rgb), 0.3) !important; color: #27344a !important;}
:where(.pg-site-default) .layui-laypage input{background: #f7f9fc !important; border: 1px solid #e6e9ef !important; color: #27344a !important;}
:where(.pg-site-default) .layui-laypage button{background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important; border: none !important;}
:where(.pg-site-default) .site-empty{text-align: center; padding: 80px 20px; color: var(--text-muted);}
:where(.pg-site-default) .site-empty-icon{width: 80px; height: 80px; margin: 0 auto 20px; color: var(--text-muted); opacity: 0.3;}
:where(.pg-site-default) .site-empty-text{font-size: 16px;}
@media (max-width: 1100px){
  :where(.pg-site-default) .site-templates-grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 900px){
  :where(.pg-site-default) .site-layout{flex-direction: column;}
  :where(.pg-site-default) .site-sidebar{position: static; flex: none; width: 100%;}
  :where(.pg-site-default) .site-cat-nav{flex-direction: row; flex-wrap: wrap;}
  :where(.pg-site-default) .site-cat-link{border-left: none; border-bottom: 2px solid transparent;}
  :where(.pg-site-default) .site-cat-link.active{border-left: none; border-bottom-color: var(--theme-primary);}
}
@media (max-width: 768px){
  :where(.pg-site-default) .site-templates-grid{grid-template-columns: repeat(2, 1fr); gap: 15px;}
  :where(.pg-site-default) .site-template-info{padding: 15px;}
  :where(.pg-site-default) .site-template-name{font-size: 14px;}
  :where(.pg-site-default) .site-stats{gap: 30px;}
  :where(.pg-site-default) .site-stat-number{font-size: 28px;}
}
@media (max-width: 480px){
  :where(.pg-site-default) .site-templates-grid{grid-template-columns: 1fr;}
}

/* ===== site/info.asp ===== */
:where(.pg-site-info) .theme-site, :where(.pg-site-info) body.product-page{--theme-primary:#2563eb; --theme-secondary:#1d4ed8; --theme-primary-rgb:37,99,235; --theme-secondary-rgb:37,99,235; --theme-glow:rgba(37,99,235,.3); --bg-card:#fff; --border-color:#e6e9ef; --text-primary:#0b1f4d; --text-muted:#8a98a8;}
:where(.pg-site-info) .site-detail-container{max-width: 1200px; margin: 0 auto; padding: 40px 20px;}
:where(.pg-site-info) .site-detail-breadcrumb{display: flex; align-items: center; gap: 10px; margin-bottom: 30px; font-size: 14px; color: #8a98a8;}
:where(.pg-site-info) .site-detail-breadcrumb a{color: #5f6b7e; text-decoration: none; transition: color 0.3s;}
:where(.pg-site-info) .site-detail-breadcrumb a:hover{color: var(--theme-primary);}
:where(.pg-site-info) .site-detail-breadcrumb svg{width: 16px; height: 16px; opacity: 0.5;}
:where(.pg-site-info) .site-detail-main{display: grid; grid-template-columns: 1fr 400px; gap: 40px; margin-bottom: 60px;}
:where(.pg-site-info) .site-detail-preview{background: #ffffff; border: 1px solid #e6e9ef; border-radius: 0; overflow: hidden;}
:where(.pg-site-info) .site-detail-image{width: 100%; height: auto; display: block;}
:where(.pg-site-info) .site-detail-info{background: #ffffff; border: 1px solid #e6e9ef; border-radius: 0; padding: 30px; height: fit-content;}
:where(.pg-site-info) .site-detail-category{display: inline-block; padding: 5px 12px; background: linear-gradient(135deg, rgba(var(--theme-primary-rgb), 0.2), rgba(var(--theme-secondary-rgb), 0.2)); border-radius: 0; font-size: 12px; color: var(--theme-primary); margin-bottom: 15px;}
:where(.pg-site-info) .site-detail-name{font-size: 24px; font-weight: 700; color: #0b1f4d; margin-bottom: 10px; line-height: 1.4;}
:where(.pg-site-info) .site-detail-id{font-size: 14px; color: #8a98a8; margin-bottom: 25px;}
:where(.pg-site-info) .site-detail-divider{height: 1px; background: #e6e9ef; margin: 25px 0;}
:where(.pg-site-info) .site-packages-title{font-size: 16px; font-weight: 600; color: #0b1f4d; margin-bottom: 15px;}
:where(.pg-site-info) .site-packages-grid{display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px;}
:where(.pg-site-info) .site-package-item{display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: #f7f9fc; border: 2px solid #e6e9ef; border-radius: 0; cursor: pointer; transition: all 0.3s ease;}
:where(.pg-site-info) .site-package-item:hover{border-color: rgba(var(--theme-primary-rgb), 0.3); background: rgba(var(--theme-primary-rgb), 0.05);}
:where(.pg-site-info) .site-package-item.active{border-color: var(--theme-primary); background: rgba(var(--theme-primary-rgb), 0.1);}
:where(.pg-site-info) .site-package-left{display: flex; align-items: center; gap: 12px;}
:where(.pg-site-info) .site-package-radio{width: 20px; height: 20px; border: 2px solid #cdd9f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
:where(.pg-site-info) .site-package-item.active .site-package-radio{border-color: var(--theme-primary); background: var(--theme-primary);}
:where(.pg-site-info) .site-package-item.active .site-package-radio::after{content: ''; width: 8px; height: 8px; background: #fff; border-radius: 50%;}
:where(.pg-site-info) .site-package-name{font-size: 15px; font-weight: 500; color: #0b1f4d;}
:where(.pg-site-info) .site-package-specs{font-size: 13px; color: #8a98a8; margin-top: 3px;}
:where(.pg-site-info) .site-package-price{font-size: 18px; font-weight: 700; background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
:where(.pg-site-info) .site-package-unit{font-size: 12px; font-weight: 400; color: #8a98a8;}
:where(.pg-site-info) .site-buy-btn{display: block; width: 100%; padding: 16px; background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)); border: none; border-radius: 0; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-align: center; text-decoration: none;}
:where(.pg-site-info) .site-buy-btn:hover{color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px var(--theme-glow);}
:where(.pg-site-info) .site-highlights{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 25px;}
:where(.pg-site-info) .site-highlight-item{display: flex; align-items: center; gap: 8px; font-size: 13px; color: #5f6b7e;}
:where(.pg-site-info) .site-highlight-item svg{width: 16px; height: 16px; color: var(--theme-primary); flex-shrink: 0;}
:where(.pg-site-info) .site-detail-sections{display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px;}
:where(.pg-site-info) .site-detail-section{background: #ffffff; border: 1px solid #e6e9ef; border-radius: 0; padding: 30px;}
:where(.pg-site-info) .site-section-title{display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; color: #0b1f4d; margin-bottom: 20px;}
:where(.pg-site-info) .site-section-title svg{width: 24px; height: 24px; color: var(--theme-primary);}
:where(.pg-site-info) .site-section-content{font-size: 14px; color: #5f6b7e; line-height: 1.8;}
:where(.pg-site-info) .site-section-content ul{list-style: none; padding: 0; margin: 0;}
:where(.pg-site-info) .site-section-content li{padding: 10px 0; border-bottom: 1px solid #eef1f6; display: flex; align-items: flex-start; gap: 10px;}
:where(.pg-site-info) .site-section-content li:last-child{border-bottom: none;}
:where(.pg-site-info) .site-section-content li svg{width: 18px; height: 18px; color: var(--theme-primary); flex-shrink: 0; margin-top: 2px;}
:where(.pg-site-info) .site-section-content li strong{color: #0b1f4d; font-weight: 500;}
:where(.pg-site-info) .site-notice{background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); border-radius: 0; padding: 20px; margin-top: 20px;}
:where(.pg-site-info) .site-notice-title{display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #f59e0b; margin-bottom: 12px;}
:where(.pg-site-info) .site-notice-title svg{width: 18px; height: 18px;}
:where(.pg-site-info) .site-notice-content{font-size: 13px; color: #7a8699; line-height: 1.7;}
:where(.pg-site-info) .site-notice-content p{margin: 0; padding: 3px 0;}
:where(.pg-site-info) .site-sidebar-categories{position: sticky; top: 20px;}
:where(.pg-site-info) .site-sidebar-title{display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: linear-gradient(135deg, rgba(var(--theme-primary-rgb), 0.2), rgba(var(--theme-secondary-rgb), 0.2)); border-radius: 0; font-size: 16px; font-weight: 600; color: #0b1f4d;}
:where(.pg-site-info) .site-sidebar-list{background: #ffffff; border: 1px solid #e6e9ef; border-top: none; border-radius: 0; overflow: hidden;}
:where(.pg-site-info) .site-sidebar-item{display: block; padding: 12px 20px; color: #5f6b7e; text-decoration: none; font-size: 14px; border-bottom: 1px solid #eef1f6; transition: all 0.3s ease;}
:where(.pg-site-info) .site-sidebar-item:last-child{border-bottom: none;}
:where(.pg-site-info) .site-sidebar-item:hover{background: rgba(var(--theme-primary-rgb), 0.1); color: var(--theme-primary);}
@media (max-width: 968px){
  :where(.pg-site-info) .site-detail-main{grid-template-columns: 1fr;}
  :where(.pg-site-info) .site-detail-info{order: -1;}
  :where(.pg-site-info) .site-highlights{grid-template-columns: 1fr;}
  :where(.pg-site-info) .site-detail-sections{grid-template-columns: 1fr;}
}

/* ===== user/forget.asp ===== */
/* 共用：user/forget.asp、user/reg.asp、user/regmail.asp */
:where(.pg-user-forget, .pg-user-reg, .pg-user-regmail) .cf-turnstile-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
:where(.pg-user-forget, .pg-user-reg, .pg-user-regmail) .cf-turnstile-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;text-align:center;}

/* ===== user/login_required.asp ===== */
:where(.pg-user-login_required) .login-required{min-height:62vh; display:flex; align-items:center; justify-content:center; padding:70px 20px;}
:where(.pg-user-login_required) .login-required-card{background:#fff; border:1px solid var(--c-border); padding:56px 48px; max-width:460px; width:100%; text-align:center; box-shadow:0 20px 60px rgba(20,40,80,.12); animation:cardIn .4s ease;}
@keyframes cardIn{from{ transform:translateY(20px); opacity:0; } to{ transform:none; opacity:1; }}
:where(.pg-user-login_required) .login-required-icon{width:80px; height:80px; margin:0 auto 26px; background:#eaf1ff; border-radius:50%; display:flex; align-items:center; justify-content:center;}
:where(.pg-user-login_required) .login-required-icon svg{width:36px; height:36px; stroke:#2563eb;}
:where(.pg-user-login_required) .login-required-card h2{color:#0b1f4d; font-size:24px; font-weight:700; margin:0 0 12px;}
:where(.pg-user-login_required) .login-required-card p{color:#7a8699; font-size:15px; line-height:1.7; margin:0 0 32px;}
:where(.pg-user-login_required) .login-required-btns{display:flex; gap:14px;}
:where(.pg-user-login_required) .login-required-btns a{flex:1; padding:14px 0; font-size:15px; font-weight:700; text-decoration:none; transition:.25s; text-align:center;}
:where(.pg-user-login_required) .login-required-btns .btn-login{background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff;}
:where(.pg-user-login_required) .login-required-btns .btn-login:hover{color:#fff; transform:translateY(-2px); box-shadow:0 10px 28px rgba(37,99,235,.34);}
:where(.pg-user-login_required) .login-required-btns .btn-reg{background:#fff; border:1px solid var(--c-border); color:#27344a;}
:where(.pg-user-login_required) .login-required-btns .btn-reg:hover{border-color:#2563eb; color:#2563eb; transform:translateY(-2px);}
:where(.pg-user-login_required) .login-required-back{margin-top:22px;}
:where(.pg-user-login_required) .login-required-back a{color:#9aa6b4; font-size:13px; text-decoration:none; transition:.2s;}
:where(.pg-user-login_required) .login-required-back a:hover{color:#2563eb;}
@media (max-width:480px){
  :where(.pg-user-login_required) .login-required-card{padding:40px 26px;}
  :where(.pg-user-login_required) .login-required-btns{flex-direction:column;}
}

/* ===== user/reguser.asp ===== */
:where(.pg-user-reguser) #cf-turnstile-container iframe{display:block;}
