/* ===== Pure CSS Framework (replaces Tailwind CDN for China access) ===== */ /* 手机端可滑动但隐藏滚动条 */ .scroll-hide-bar{overflow-x:auto;-webkit-overflow-scrolling:touch} .scroll-hide-bar::-webkit-scrollbar{display:none} .scroll-hide-bar{-ms-overflow-style:none;scrollbar-width:none} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} .min-h-screen{min-height:100vh} .max-w-6xl{max-width:72rem} .max-w-5xl{max-width:64rem} .mx-auto{margin-left:auto;margin-right:auto} .px-6{padding-left:1.5rem;padding-right:1.5rem} .px-4{padding-left:1rem;padding-right:1rem} .px-5{padding-left:1.25rem;padding-right:1.25rem} .px-3{padding-left:.75rem;padding-right:.75rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-3{padding-top:.75rem;padding-bottom:.75rem} .py-8{padding-top:2rem;padding-bottom:2rem} .py-2{padding-top:.5rem;padding-bottom:.5rem} .py-1{padding-top:.25rem;padding-bottom:.25rem} .p-6{padding:1.5rem} .p-5{padding:1.25rem} .p-4{padding:1rem} .p-3{padding:.75rem} .p-2{padding:.5rem} .p-12{padding:3rem} .mb-1{margin-bottom:.25rem} .mb-2{margin-bottom:.5rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mt-1{margin-top:.25rem} .mt-2{margin-top:.5rem} .mt-3{margin-top:.75rem} .mt-4{margin-top:1rem} .mr-6{margin-right:1.5rem} .space-y-6>*+*{margin-top:1.5rem} .space-y-5>*+*{margin-top:1.25rem} .space-y-2>*+*{margin-top:.5rem} .flex{display:flex} .inline-flex{display:inline-flex} .flex-1{flex:1 1 0%} .flex-col{flex-direction:column} .items-center{align-items:center} .justify-between{justify-content:space-between} .justify-center{justify-content:center} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .text-xs{font-size:13px} .text-sm{font-size:13px} .text-base{font-size:13px} .text-lg{font-size:1.125rem} .text-xl{font-size:1.25rem} .text-2xl{font-size:1.5rem} .text-3xl{font-size:1.875rem} .text-5xl{font-size:3rem} .font-medium{font-weight:500} .font-semibold{font-weight:600} .font-bold{font-bold} .font-black{font-weight:900} .tracking-wide{letter-spacing:.025em} .whitespace-nowrap{white-space:nowrap} .whitespace-pre-line{white-space:pre-line} .text-white{color:#fff} .text-gray-300{color:#d1d5db} .text-gray-400{color:#9ca3af} .text-gray-500{color:#6b7280} .text-gray-600{color:#4b5563} .text-gray-700{color:#374151} .text-red-400{color:#f87171} .text-blue-400{color:#60a5fa} .text-amber-400{color:#fbbf24} .text-indigo-400{color:#818cf8} .text-purple-400{color:#c084fc} .text-cyan-400{color:#22d3ee} .text-emerald-400{color:#34d399} .text-orange-400{color:#fb923c} .text-yellow-400{color:#facc15} .text-slate-300{color:#cbd5e1} .text-slate-400{color:#94a3b8} .text-slate-500{color:#64748b} .text-amber-300{color:#fcd34d} .overflow-x-auto{overflow-x:auto} .overflow-hidden{overflow:hidden} .shrink-0{flex-shrink:0} .min-w-0{min-width:0} .w-full{width:100%} .w-64{width:16rem} .w-20{width:5rem} .w-28{width:7rem} .w-16{width:4rem} .h-5{height:1.25rem} .leading-relaxed{line-height:1.625} .rounded-full{border-radius:9999px} .rounded-lg{border-radius:.5rem} .rounded-xl{border-radius:.75rem} .grid{display:grid} .grid-cols-5{grid-template-columns:repeat(5,1fr)} .grid-cols-3{grid-template-columns:repeat(3,1fr)} .grid-cols-2{grid-template-columns:repeat(2,1fr)} .sticky{position:sticky} .top-0{top:0} .z-50{z-index:50} .border-b{border-bottom:1px solid} .border-t{border-top:1px solid} .border-white\/5{border-color:rgba(255,255,255,.05)} .border-white\/3{border-color:rgba(255,255,255,.03)} .border-white\/10{border-color:rgba(255,255,255,.1)} .invisible{visibility:hidden} .transition-all{transition-property:all;transition-duration:.2s} @media(max-width:640px){ .sm\:hidden{display:none!important} .sm\:flex-col{flex-direction:column} .sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)} .sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)} .sm\:grid-cols-5{grid-template-columns:repeat(2,1fr)} .sm\:px-4{padding-left:1rem;padding-right:1rem} .sm\:py-4{padding-top:1rem;padding-bottom:1rem} .sm\:text-xs{font-size:13px} .sm\:gap-2{gap:.5rem} .sm\:gap-3{gap:.75rem} .sm\:text-2xl{font-size:1.5rem} .sm\:text-lg{font-size:1.125rem} .sm\:mb-2{margin-bottom:.5rem} .sm\:p-4{padding:1rem} .sm\:p-3{padding:.75rem} .sm\:mb-3{margin-bottom:.75rem} .sm\:mb-4{margin-bottom:1rem} .sm\:mt-3{margin-top:.75rem} .sm\:w-full{width:100%} .stock-split-grid{grid-template-columns:1fr!important} .stock-quote-grid{grid-template-columns:repeat(3,1fr)!important} /* 手机适配补丁 */ .glass{padding:12px!important;border-radius:10px!important} .container{padding:0 8px!important} .nav-inner{padding:8px 12px!important;flex-wrap:wrap} .nav-btn{font-size:12px!important;padding:5px 8px!important} .nav-right{gap:4px!important;flex-wrap:wrap} table{font-size:12px!important} table th,table td{padding:6px 4px!important;font-size:12px!important} [style*="display:flex"][style*="gap:12px"]{flex-wrap:wrap;gap:8px!important} [style*="min-width:800px"],[style*="min-width:900px"],[style*="min-width:1000px"]{min-width:0!important;overflow-x:auto!important} [style*="grid-template-columns:repeat(3"]{grid-template-columns:repeat(2,1fr)!important} [style*="grid-template-columns:repeat(5"]{grid-template-columns:repeat(2,1fr)!important} [style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important} [style*="font-size:15px"]{font-size:14px!important} [style*="font-size:22px"][style*="font-weight:900"]{font-size:18px!important} [style*="font-size:24px"]{font-size:18px!important} [style*="min-width:100px"]{min-width:70px!important} [style*="min-width:120px"]{min-width:0!important;flex:1 0 0!important} .colgroup{display:none!important} } @media(max-width:768px){ .md\:hidden{display:none!important} .md\:grid-cols-2{grid-template-columns:repeat(2,1fr)} .md\:grid-cols-3{grid-template-columns:repeat(2,1fr)} } /* touch */ @keyframes pulse-glow{0%,100%{box-shadow:0 0 12px rgba(99,102,241,.15)}50%{box-shadow:0 0 24px rgba(99,102,241,.35)}}