* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;}html {font-size: 16px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}body {background-color: #FFFFFF;min-height: 100vh;min-height: 100svh;color: #333333;display: flex;justify-content: center;align-items: center;padding: 0.5rem;position: relative;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}body::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image:radial-gradient(2px 2px at 20px 30px, rgba(33, 150, 243, 0.1), transparent),radial-gradient(2px 2px at 40px 70px, rgba(33, 150, 243, 0.08), transparent),radial-gradient(1px 1px at 90px 40px, rgba(33, 150, 243, 0.12), transparent),radial-gradient(1px 1px at 130px 80px, rgba(33, 150, 243, 0.08), transparent),radial-gradient(2px 2px at 160px 30px, rgba(33, 150, 243, 0.1), transparent);background-repeat: repeat;background-size: 200px 100px;z-index: -1;opacity: 0.3;}/* 主容器 */.container {max-width: 800px;width: 100%;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 12px;padding: 2rem;margin: 0.5rem auto;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);position: relative;overflow: hidden;border: 1px solid #E8F4FD;animation: fadeIn 0.8s ease-out;}.container::before {content: '';position: absolute;top: -20%;right: -15%;width: 200px;height: 200px;background: rgba(33, 150, 243, 0.05);border-radius: 50%;z-index: 0;}.content {position: relative;z-index: 1;}/* 标题和域名 */h1 {font-size: clamp(1.2rem, 4vw, 1.8rem);font-weight: 600;margin-bottom: 1.2rem;color: #202124;text-align: center;line-height: 1.3;}.domain-name {font-size: clamp(2rem, 8vw, 4rem);font-weight: 700;margin-bottom: 2rem;letter-spacing: 0.5px;text-align: center;color: #E64A19;line-height: 1.2;word-break: break-all;overflow-wrap: break-word;text-shadow: 0 1px 4px rgba(230, 74, 25, 0.2);}/* 联系信息区域 */.contact-info {margin-bottom: 2rem;padding: 1.5rem;background: #F8FBFF;border-radius: 8px;border-left: 3px solid #2196F3;}.contact-info p {margin-bottom: 1rem;font-size: clamp(1rem, 3vw, 1.15rem);color: #202124;font-weight: 500;line-height: 1.5;}.contact-info p:last-child {margin-bottom: 0;}/* 高亮链接 */.highlight {color: #2196F3;text-decoration: none;font-weight: 600;padding: 0.15rem 0.4rem;border-radius: 4px;background: rgba(33, 150, 243, 0.1);transition: all 0.2s ease;display: inline-block;word-break: break-all;}.highlight:hover,.highlight:focus {background: rgba(33, 150, 243, 0.2);color: #0D47A1;outline: 1px solid #2196F3;outline-offset: 1px;}/* 突出显示区域 */.standout {background: #E3F2FD;padding: 1rem 1.25rem;border-radius: 8px;margin: 1rem 0;font-weight: 600;color: #0D47A1;border-left: 3px solid #2196F3;font-size: clamp(1rem, 3vw, 1.1rem);line-height: 1.5;}.standout-alt {padding: 0.75rem 0;margin: 0.75rem 0;font-weight: 500;color: #5F6368;font-size: clamp(0.95rem, 2.5vw, 1.05rem);line-height: 1.5;}/* 交易信息区域 */.transaction-info {background: #F8FBFF;padding: 1.5rem;border-radius: 8px;margin: 2rem 0;border: 1px solid #E8F4FD;}.transaction-info p {margin-bottom: 1rem;color: #202124;font-weight: 500;line-height: 1.5;}.transaction-info p:last-child {margin-bottom: 0;}/* 特性列表 */.features {margin-bottom: 1.5rem;padding-left: 0.5rem;}.feature {display: flex;align-items: flex-start;margin-bottom: 0.85rem;font-size: clamp(1rem, 3vw, 1.1rem);color: #202124;font-weight: 500;line-height: 1.4;}.feature:last-child {margin-bottom: 0;}.feature::before {content: '✓';display: inline-flex;justify-content: center;align-items: center;width: 1.75rem;height: 1.75rem;background: rgba(33, 150, 243, 0.1);border-radius: 50%;margin-right: 0.85rem;font-size: 1rem;color: #2196F3;font-weight: bold;flex-shrink: 0;margin-top: 0.1rem;}/* 按钮 */.buy-now {text-align: center;margin-top: 2rem;}.buy-button {display: inline-block;background: #E64A19;color: #FFFFFF;font-weight: 600;font-size: clamp(1.05rem, 3vw, 1.2rem);padding: 0.85rem 2.5rem;border-radius: 8px;text-decoration: none;border: none;transition: all 0.2s ease;box-shadow: 0 4px 12px rgba(230, 74, 25, 0.3);cursor: pointer;min-height: 48px;min-width: 160px;}.buy-button:hover,.buy-button:focus {background: #D84315;transform: translateY(-2px);box-shadow: 0 6px 16px rgba(230, 74, 25, 0.4);outline: none;}/* 触摸设备优化 */@media (hover: none) and (pointer: coarse) {.highlight, .buy-button {min-height: 44px;min-width: 44px;}.feature {touch-action: manipulation;}}/* 横屏设备优化 */@media (orientation: landscape) and (max-height: 500px) {body {padding: 0.25rem;align-items: flex-start;}.container {margin: 0.5rem auto;max-height: 90vh;overflow-y: auto;}}/* 响应式调整 */@media (max-width: 767px) {body {padding: 0.75rem;}.container {padding: 1.5rem;border-radius: 10px;}.contact-info,.transaction-info {padding: 1.25rem;}.standout {padding: 0.85rem 1rem;}}@media (max-width: 480px) {body {padding: 0.5rem;}.container {padding: 1.25rem;border-radius: 8px;}.contact-info,.transaction-info {padding: 1rem;}.domain-name {font-size: 2.25rem;margin-bottom: 1.5rem;}h1 {font-size: 1.35rem;margin-bottom: 1rem;}.buy-button {padding: 0.75rem 2rem;width: 100%;}}@media (max-width: 320px) {.container {padding: 1rem;}.domain-name {font-size: 2rem;}h1 {font-size: 1.25rem;}}@media (orientation: landscape) and (max-height: 500px) {.domain-name {font-size: 2.25rem;margin-bottom: 1.25rem;}.contact-info,.transaction-info {margin-bottom: 1.25rem;padding: 1rem;}.feature {margin-bottom: 0.75rem;font-size: 1rem;}}/* 针对不支持backdrop-filter的浏览器 */@supports not (backdrop-filter: blur(10px)) {.container {background: #FFFFFF;}}/* 动画效果 */@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}/* 打印样式 */@media print {body {background: white !important;color: black !important;padding: 0;}.container {background: white !important;color: black !important;border: 1px solid #ccc;box-shadow: none;max-width: 100%;padding: 1rem;}.highlight, .buy-button {color: #E64A19 !important;text-decoration: underline;}.buy-button {display: none;}}