@tailwind base;@tailwind components;@tailwind utilities;#__next{min-height:100%}[type='checkbox'],[type='radio']{-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-moz-user-select:none;user-select:none;flex-shrink:0;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked,[type='radio']:checked{background-image:url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='white' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>")}[type='search'],input:where(:not([type])),[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-moz-appearance:none;appearance:none;border-width:1px;padding-top: 0.5rem;padding-right: 0.75rem;padding-bottom: 0.5rem; padding-left: 0.75rem;}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}[type='text']:focus,input:where(:not([type])):focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='week']:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}@media(min-width:640px){.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}}.active{background-color:white;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);color:rgb(21 128 61)}.bg-primary{background-color:rgb(17 153 142 / var(--tw-bg-opacity, 1))}.bg-light{background:#38ef7d}.text-dark-heading:{color:#1a2a48}.text-primary{--tw-text-opacity:1;color:rgb(17 153 142 / var(--tw-text-opacity, 1))}.peer:checked~.peer-checked\:bg-primary{background-color:rgb(17 153 142 / var(--tw-bg-opacity, 1))}.bg-mymain{background:#eff3f8;padding-top:1.5rem;padding-bottom:1.5rem}.bg-maincolor{background:#eff3f8}.bg-banner{background:#D8EFEF}.bg-text-banner{background:#F5F7F8}.bg-topbanner{color:#8a6d3b;background-color:#FCF8E3}.bg-tobuy{background:linear-gradient(0.25turn, #38E8B0, #3BF7D1)!important}.bg-tobuy:hover{background:linear-gradient(0.25turn, #37C597, #38E8B0)!important}.bg-mygreen-300{background:#1C97A4}.bg-mygreen-500{background:#00838C}.text-mygreen-500{--tw-text-opacity:1;color:rgba(140, 193, 193, var(--tw-text-opacity))}.text-mygreen-700{--tw-text-opacity:1;color:rgba(9, 117, 122, var(--tw-text-opacity))}.text-blue-green{color:#09757a}.text-myblue-500{color:#0A83A8}.ring-mygreen-500{--tw-ring-color:rgba(140, 193, 193, var(--tw-ring-opacity))}.bg-mygreen-500:hover{background-color:#09757A}::before,::after{--tw-ring-color:#F5F5F5!important;border:none!important}svg{display:inline-block!important}.bg-textarea{background:#D8E7EF}.bg-myred-500{background:#f14c2e linear-gradient(#f14c2e, #d8452e)}.bg-myred-500:hover{background:#C3231B}.bg-mygray-500{background:#666666}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}button,button::after,button::before{border:none;outline:none}.text-xs{font-size:0.8rem;}.text-mysm{font-size:0.82rem;line-height:1.3rem}.text-oksm{font-size:0.875rem;line-height:1.25rem}.h-1200{height:1200px}.mynavcolor{color:#666666}.accent-border{border-color:#11998E}.bg-submenu{background:#666666}.mymenu a:hover{background:#99CCCC}.mymenuhover:hover,.buttonhover button:hover{color:#99CCCC}.border-gray-600{--tw-border-opacity:0.3;border-color:rgba(75, 85, 99, var(--tw-border-opacity))}.nav-r-9p{right:-9px}.nav-r-15{right:-15px}.nav-r-10{right:-10px}.nav-orange-color{background-color:#ff8c44}.nav-orange2-color{background-color:#ff8c44}.nav-blue-color{background-color:#579fe7}.navshow{position:absolute;top:-15px;left:auto;height:auto;padding:3px 4px 1px;border-radius:5px;letter-spacing:.3px;line-height:11px;text-transform:uppercase;vertical-align:top;display:inline-block;min-width:20px;color:#fff;font-size:.625rem;font-weight:700;text-align:center}.navshowmob{padding:3px 4px 1px;border-radius:5px;letter-spacing:.3px;line-height:11px;text-transform:uppercase;vertical-align:top;display:inline-block;min-width:20px;color:#fff;font-size:.625rem;font-weight:700;text-align:center}.navshow1{position:absolute;top:-6px;left:auto;height:auto;padding:3px 4px 1px;border-radius:5px;letter-spacing:.3px;line-height:11px;text-transform:uppercase;vertical-align:top;display:inline-block;min-width:20px;color:#fff;font-size:.625rem;font-weight:700;text-align:center}[type='text']:focus,[type='email']:focus{--tw-ring-color:#E5E7EB!important;border-color:#E5E7EB}[type='button']:focus,[type='button']:active,[type='submit']:focus,[type='submit']:active,[type='submit']:hover,[type='search']:focus,.buttonhover:foucus,button:focus,.buttonhover:active,button:active,button{--tw-ring-color:transparent!important;border:none!important;outline:none!important}.w-screen{width:96vw}@media(min-width:1024px){.w-2-50{width:4%}.w-3-50{width:6%}.w-4-50{width:8%}.w-5-50{width:10%}.w-6-50{width:12%}.w-7-50{width:14%}.w-8-50{width:16%}.w-9-50{width:18%}.w-10-50{width:20%}.w-11-50{width:22%}.w-12-50{width:24%}.w-13-50{width:26%}.w-14-50{width:28%}.w-15-50{width:30%}.w-16-50{width:32%}.w-17-50{width:34%}.w-18-50{width:36%}.w-20-50{width:40%}.w-25-50{width:50%}.w-30-50{width:60%}.w-33-50{width:66%}.w-35-50{width:70%}}@media(max-width:1024px){.w-1-10{width:10%}.w-2-10{width:20%}.w-3-10{width:30%}.w-4-10{width:40%}.w-5-10{width:50%}.w-6-10{width:60%}.w-7-10{width:70%}.w-8-10{width:80%}.w-9-10{width:90%}}.custom-arrow{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.w-60{width:15rem}select option:hover{background-color:#99CCCC!important;color:#fff}.bg-filter5{--tw-bg-opacity:1;background-color:rgb(140 193 193 / var(--tw-bg-opacity))}.bg-filter{--tw-bg-opacity:1;background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));}.bg-search{background-color:#5a5c61}button.bg-filter:hover{background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));}.bg-form{background-color:#F7F7F7}.bg-green-50{background-color:rgba(236, 253, 245, var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-price-green{background-color:#00ba96}.bg-price-green:hover{background-color:#008275}input[type="range"]::-webkit-slider-thumb{pointer-events:auto;width:12px;height:12px;border-radius:50%;-webkit-appearance:none;@apply bg-filter}.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.h-48{height:12rem}.inline-block{display:inline-block}.rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.bg-opacity-80{--tw-bg-opacity:0.8}.my-4{margin-top:1rem;margin-bottom:1rem}.text-range-filter{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-range-mm{--tw-text-opacity:1;color:rgb(140 193 193 / var(--tw-text-opacity))}.w-28{width:7rem}.h-28{height:7rem}.pb-12{padding-bottom:3rem}.pt-28{padding-top:7rem}.max-w-3xl{max-width:48rem}.content-end{align-content:flex-end}.place-self-center{place-self:center}.divide-gray-300{--tw-divide-opacity:1;border-color:rgba(209, 213, 219, var(--tw-divide-opacity))}.divide-y{--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.grid-cols-none{grid-template-columns:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-2{grid-column:span 2 / span 2}.cos-span-3{grid-column:span 3 / span 3}.cos-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-11{grid-column:span 11 / span 11}.col-span-full{grid-column:1 / -1}.whitespace-normal{white-space:normal}.pt-12{padding-top:3rem}.max-w-12{max-width:12rem}.bg-green-650{--tw-bg-opacity:1;background-color:#188F42}.p-16{padding:4rem}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31, 41, 55, var(--tw-bg-opacity))}.pt-16{padding-top:4rem}px-16{padding-left:4rem;padding-right:4rem}.bg-gray-red{--tw-bg-opacity:1;background-color:#5a5c61}.bg-banner-silver{--tw-bg-opacity:1;background-color:#F5F7F8}.line-through{text-decoration:line-through}.mr-8{margin-right:2rem}.bg-sell-banner{background:linear-gradient(0.25turn, #A177FF, #02CEFF)}.py-24{padding-top:6rem;padding-bottom:6rem}.bg-buy{background:linear-gradient(0.25turn, #38E8B0, #3BF7D1)}.bg-buy:hover{background:linear-gradient(0.25turn, #37C597, #38E8B0)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.place-self-end{place-self:end}.floor{position:absolute;background:url(//45.77.0.230:3020/images/home-header-floor.svg) no-repeat;height:4rem;bottom:0;left:21rem;right:22rem;background-size:cover;background-position-x:center;background-position-y:top}.floor2{position:absolute;height:2rem;bottom:-2rem;left:18rem;right:16rem;background:#ffffff}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.text-blue-light{color:#00a4a6}.teal-gradient{background-color:#a177ff;background-image:linear-gradient(to right, #a177ff, #02ceff)!important}.purple-gradient{background-color:#a177ff;background-image:linear-gradient(to right, #a177ff, #ff6d92)!important}.yellow-gradient{background-color:#ff6d92;background-image:linear-gradient(to right, #ff6d92, #ffd200)!important}.coral-gradient{background-color:#fc636b;background-image:linear-gradient(to right, #fc636b, #ff6d92)!important}.black-gradient{background-color:#00112c}.max-w-sm{max-width:24rem}.bg-blue-deep{background-color:#00112C}.bg-blue-middle{background-color:#4d7298}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity))}.leading-10{line-height:2.5rem}.flex-none{flex:none}.btn,.btn-lg,.btn-sm,.btn-xs{display:inline-flex;align-items:center;justify-content:center;border-radius:0.25rem;border-width:1px;border-color:transparent;font-size:0.875rem;line-height:1.5715;font-weight:500;line-height:1.25rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.btn{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.btn-lg{padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem}.btn-sm{padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.btn-xs{padding-left:0.5rem;padding-right:0.5rem;padding-top:0.125rem;padding-bottom:0.125rem}.form-checkbox,.form-radio{border-width:1px;--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity))}.form-checkbox:checked,.form-radio:checked{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));outline:none}.form-checkbox:focus,.form-radio:focus{--tw-border-opacity:1;border-color:rgb(165 180 252 / var(--tw-border-opacity))}.menu ul{list-style:none;padding:0;margin:0}.menu li{position:relative;cursor:pointer}.menu li:hover .sub-menu{display:block}.sub-menu{position:absolute;top:100%}.sub-menu:hover{display:block}.sub-menu li:hover{background-color:#f2f2f2}.error{color:red;font-size:12px;display:none;white-space:nowrap}.font-family{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important}.font-xs{font-size:0.75rem;line-height:1rem}.font-sm{font-size:0.875rem;line-height:1.5rem}.font-base{font-size:1rem;line-height:1.75rem}.font-lg{font-size:1.125rem;line-height:2rem}.font-xl{font-size:1.25rem;line-height:2rem}.font-2xl{font-size:1.5rem;line-height:2rem}.font-3xl{font-size:2rem;line-height:2.5rem}.font-4xl{font-size:2.5rem;line-height:3.5rem}.font-5xl{font-size:3rem;line-height:3.5rem}.font-6xl{font-size:3.75rem;line-height:1}.font-7xl{font-size:4.5rem;line-height:1.1}.font-8xl{font-size:6rem;line-height:1}.font-9xl{font-size:8rem;line-height:1}.allmain{background-color:#f0f9ff}.rounded-4xl{border-radius:2rem}.g_id_signin div{border-color:white;border-radius:0.75rem}.g_id_signin div span{color:rgb(100 116 139);font-weight:600!important}select{background-image:url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C3C4C4' class='size-4'><path fill-rule='evenodd' d='M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd' /></svg>");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}li.htmx-swapping div{opacity:0;transition:opacity 1s ease-out}.selected-radio{position:relative;border:2px solid #179DBA;background-color:white}.selected-radio::after{content:"";position:absolute;width:15px;height:15px;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background-color:#179DBA}.text-primary-green {--tw-text-opacity: 1;color: rgb(0 158 96 / var(--tw-text-opacity, 1));}.bg-primary-green {--tw-bg-opacity: 1;background-color: rgb(0 158 96 / var(--tw-bg-opacity, 1));}.bg-primary-light {--tw-bg-opacity: 1;background-color: rgb(230 245 239 / var(--tw-bg-opacity, 1));}.fa-solid, .fas {font-family: "Font Awesome 6 Free";font-weight: 900;}.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: var(--fa-display, inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;}.align-top{vertical-align: top;}.place-self-start{place-self: start;}.bg-sky-500{background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));}.hover:bg-sky-500{background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));}.text-logo{color:#4ab3db;}@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }  /* ================= 新增：国家提示框专属悬浮效果 ================= */ /* 1. 悬浮时显示黑色黑框 */ .my-country-tip:hover .my-country-box { visibility: visible !important; opacity: 1 !important; } /* 2. 悬浮时图标变成蓝色 (Tailwind blue-500) */ .my-country-tip:hover .my-country-icon { color: #3b82f6 !important; } /* 3. 悬浮时虚线加深 (Tailwind slate-500) */ .my-country-tip:hover .my-country-line { border-color: #64748b !important; }@media (min-width: 768px) { .md\:grid-store-table { grid-template-columns: 32px minmax(200px, 5fr) 1fr 1fr 0.8fr 0.8fr 0.8fr 0.6fr 1.2fr 110px 32px; } .md\:grid-cols-sp{grid-template-columns: 64px minmax(240px, 3fr) 1fr 1.2fr 2fr 0.9fr 0.9fr 44px;}.md\:grid-cols-products{grid-template-columns: 60px minmax(200px,3fr) 1.1fr 1.3fr 1fr .5fr .7fr .5fr .5fr .8fr 44px;}   .md\:mb-6{margin-bottom: 1.5rem;}.md\:grid-cols-\[32px_minmax\(220px\2c 3fr\)_1\.1fr_1\.1fr_0\.8fr_0\.9fr_0\.8fr_1\.8fr_1\.6fr_40px\]{grid-template-columns:32px minmax(220px,3fr) 1.1fr 1.1fr .8fr .9fr .8fr 1.8fr 1.6fr 40px}.md\:grid-cols-\[60px_minmax\(220px\2c 3fr\)_1\.1fr_1\.3fr_1fr_0\.5fr_0\.7fr_0\.5fr_0\.8fr_44px\]{grid-template-columns:60px minmax(220px,3fr) 1.1fr 1.3fr 1fr .5fr .7fr .5fr .8fr 44px}}/* ========================================================================== Paywall & UI Utility Classes (防白嫖遮罩与高级效果专用) ========================================================================== */  /* --- 1. 数据行模糊与透明度 --- */ .blur-\[3px\] { filter: blur(3px); -webkit-filter: blur(3px); } .opacity-70 { opacity: 0.7; }  /* --- 2. 鼠标交互控制 --- */ .pointer-events-none { pointer-events: none; } .select-none { user-select: none; -webkit-user-select: none; }  /* --- 3. 遮罩层定位与内边距 --- */ .top-\[200px\] { top: 200px; }.top-\[360px\] { top: 360px; } .pt-20 { padding-top: 5rem; /* 相当于 80px */ }  /* --- 4. 纯白质感与毛玻璃背景 (Backdrop Blur) --- */ .bg-white\/95 { background-color: rgba(255, 255, 255, 0.95); } .backdrop-blur-md { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* 兼容 Safari */ }  /* --- 5. 优雅的底部渐变消失遮罩 (组合类名完美还原 Tailwind 效果) --- */ .bg-gradient-to-t.from-slate-50.via-white\/90.to-transparent { background-image: linear-gradient( to top, #f8fafc 0%,                       /* from-slate-50 */ rgba(255, 255, 255, 0.9) 40%,     /* via-white/90 (在中间形成强白底) */ rgba(255, 255, 255, 0) 100%       /* to-transparent */ ); }        /* 仅保留关键帧定义，其他样式均已迁移至 Tailwind Utility Class */ @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }/* 如果你的下拉框选项在不同浏览器有默认丑陋样式，还可以加上这个防重置： */ select option { background-color: white; color: #334155; /* tailwind slate-700 */ }.-top-3{top: -0.75rem}.text-amber-300 { color: #fcd34d; }.text-amber-400 { color: #fbbf24; }/* 对应 hover:bg-amber-400 */ .hover\:bg-amber-400:hover { background-color: #fbbf24; }  /* 对应 hover:bg-slate-900 */ .hover\:bg-slate-900:hover { background-color: #0f172a; }/* 对应 bg-amber-500/10 (琥珀色 500，10% 透明度) */ .bg-amber-500\/10 { background-color: rgba(245, 158, 11, 0.1); }  /* 对应 blur-2xl (2xl 级别的模糊滤镜) */ .blur-2xl { filter: blur(40px); }.text-amber-500 { color: #f59e0b; }/* ========================================= 补充的 Tailwind CSS 基础样式 ========================================= */  /* 1. 右上角大圆角 (Top-Right Extra Large) */ .rounded-tr-xl { border-top-right-radius: 0.75rem; /* 12px */ }  /* 2. 左上角大圆角 (Top-Left Extra Large) */ .rounded-tl-xl { border-top-left-radius: 0.75rem; /* 12px */ }  /* 3. 宽度 25% (Width 1/4) */ .w-1\/4 { width: 25%; }  /* 4. 子元素分割线颜色 (Slate 100) 注意：这是配合 divide-y 使用的，专门给表格行加浅色底边框 */ .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #f1f5f9; }  /* 5. 鼠标悬停时的半透明背景色 (Slate 50，50%透明度) */ .hover\:bg-slate-50\/50:hover { background-color: rgba(248, 250, 252, 0.5); }/* ========================================= 移动端响应式表格转换必备的 Tailwind 样式 ========================================= */  /* 1. 鼠标悬停时的半透明背景色 (如果之前加过可以忽略) */ .hover\:bg-slate-50\/50:hover { background-color: rgba(248, 250, 252, 0.5); }  /* 2. 桌面端（屏幕 >= 768px）生效的样式 */ @media (min-width: 768px) {  /* 恢复为原生的 Table 表头包裹层 */ .md\:table-header-group { display: table-header-group; }  /* 恢复为原生的 Table 内容包裹层 */ .md\:table-row-group { display: table-row-group; }  /* 恢复为原生的 Table 行 */ .md\:table-row { display: table-row; }  /* 恢复为原生的 Table 单元格 */ .md\:table-cell { display: table-cell; }  /* 字体加粗程度：中等 (字重 500) */ .md\:font-medium { font-weight: 500; }  /* 消除边框 (手机端用来分割卡片的边框，在电脑上需要隐藏) */ .md\:border-0 { border-width: 0px; } }/* 强制去掉表格外层容器的顶部边框 */ .border-t-0 { border-top-width: 0px !important; } .from-sky-400 { --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }.to-sky-700{ --tw-gradient-to: #0369a1 var(--tw-gradient-to-position); }.opacity-40 { opacity: 0.4; }.bg-sky-200 { --tw-bg-opacity: 1; background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1)); }.text-transparent { color: transparent; }.bg-clip-text { -webkit-background-clip Determines the background painting area. : text; background-clip: text; }@media (min-width: 640px) { .sm\:text-9xl { font-size: 8rem; line-height: 1; } } /* ========================================================================== Markdown 核心样式表 (.markdown-text 作用域) 建议放入全局 CSS 文件中 ========================================================================== */  /* 基础设置 */ .markdown-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.6; color: #0f172a; font-size: 14px; word-wrap: break-word; }  /* 统一的底部间距，保持阅读节奏 */ .markdown-text p, .markdown-text blockquote, .markdown-text ul, .markdown-text ol, .markdown-text dl, .markdown-text table, .markdown-text pre, .markdown-text details { margin-top: 10px; margin-bottom: 8px; }  .markdown-text p:last-child { margin-bottom: 0; }  /* === 标题 (Headings) === */ .markdown-text h1, .markdown-text h2, .markdown-text h3, .markdown-text h4, .markdown-text h5, .markdown-text h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; color: #0f172a; }  .markdown-text h1 { font-size: 1.5em; border-bottom: 1px solid #e2e8f0; padding-bottom: 0.3em; } .markdown-text h2 { font-size: 1.3em; border-bottom: 1px solid #e2e8f0; padding-bottom: 0.3em; } .markdown-text h3 { font-size: 1.15em; } .markdown-text h4 { font-size: 1em; } .markdown-text h5 { font-size: 0.875em; } .markdown-text h6 { font-size: 0.85em; color: #64748b; }  /* === 加粗与强调 === */ .markdown-text strong { font-weight: 600; } .markdown-text em { font-style: italic; }  /* === 链接 (Links) === */ .markdown-text a { color: #0ea5e9; text-decoration: none; background-color: transparent; } .markdown-text a:hover { text-decoration: underline; }  /* === 列表 (Lists) === */ .markdown-text ul, .markdown-text ol { padding-left: 2em; } .markdown-text ul { list-style-type: disc; } .markdown-text ol { list-style-type: decimal; } .markdown-text li + li { margin-top: 0.5em; } /* 嵌套列表不加额外底部边距 */ .markdown-text ul ul, .markdown-text ul ol, .markdown-text ol ol, .markdown-text ol ul { margin-top: 0; margin-bottom: 0; }  /* === 引用块 (Blockquotes) === */ .markdown-text blockquote { padding: 0 1em; color: #64748b; border-left: 0.25em solid #cbd5e1; background: #f8fafc; padding-top: 8px; padding-bottom: 8px; border-radius: 0 8px 8px 0; } .markdown-text blockquote > :first-child { margin-top: 0; } .markdown-text blockquote > :last-child { margin-bottom: 0; }  /* === 表格 (Tables) === */ .markdown-text table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 0; margin-bottom: 16px; /* 让超宽表格可以横向滚动，不撑爆父容器 */ display: block; overflow-x: auto; } .markdown-text table th, .markdown-text table td { padding: 10px 14px; border: 1px solid #e2e8f0; text-align: left; } .markdown-text table th { font-weight: 600; background-color: #f1f5f9; } .markdown-text table tr { background-color: #ffffff; border-top: 1px solid #e2e8f0; } .markdown-text table tr:nth-child(2n) { background-color: #f8fafc; }  /* === 代码与代码块 (Code) === */ /* 行内代码 */ .markdown-text code { padding: 0.2em 0.4em; margin: 0;  background-color: #f1f5f9; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; color: #ea580c; }  /* 多行代码块（保留了您之前深色主题的设定） */ .markdown-text pre { padding: 16px; overflow: auto; line-height: 1.5; background-color: #F8FAFC; color: black; border-radius: 12px; } /* 消除多行代码块内部 code 标签的行内样式 */ .markdown-text pre code { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; white-space: pre-wrap !important; /* 关键属性：保留原文本的空格和换行，但超出宽度时自动折行 */ word-wrap: break-word;            /* 允许长单词或 URL 换行 */ overflow-wrap: break-word;        /* 现代浏览器的断词换行属性 */ word-break: normal;               /* 中文环境下建议用 normal 或 break-all */ overflow-x: hidden;               /* 隐藏底部的横向滚动条 */ }  /* === 分割线 (Horizontal Rules) === */ .markdown-text hr { height: 1px; padding: 0; margin: 24px 0; background-color: #e2e8f0; border: 0; }  /* === 图片 (Images) === */ .markdown-text img { max-width: 100%; box-sizing: content-box; background-color: #ffffff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }