body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background-color:#f8f9fa; color:#333; }
    .bg-primary-pink { background-color:#fb0a72; }
    .text-primary-pink { color:#fb0a72; }
    .bg-secondary-red { background-color:#fd0244; }
    .text-secondary-red { color:#fd0244; }
    .bg-accent-yellow { background-color:#f2d70a; }
    .text-accent-yellow { color:#f2d70a; }
    .bg-contrast-blue { background-color:#50c9f1; }
    .text-contrast-blue { color:#50c9f1; }

    .btn-download { background-image:linear-gradient(to right,#fd0244,#fb0a72); box-shadow:0 8px 15px rgba(253,2,68,.4); transition:all .3s ease; display:inline-block; text-decoration:none; }
    .btn-download:hover { transform:translateY(-3px); box-shadow:0 12px 20px rgba(253,2,68,.6); }
    .btn-download:active { transform:translateY(0); box-shadow:0 4px 8px rgba(253,2,68,.3); }

    .modal { position:fixed; inset:0; background:rgba(0,0,0,.9); display:flex; justify-content:center; align-items:center; z-index:100; }
    .modal-content { max-width:90%; max-height:90%; }

    /* 辅助布局（若无Tailwind时确保可读） */
    .container { max-width:1200px; margin:0 auto; }
    .mx-auto{ margin-left:auto; margin-right:auto; }
    .px-4{ padding-left:1rem; padding-right:1rem; }
    .py-6{ padding-top:1.5rem; padding-bottom:1.5rem; }
    .py-8{ padding-top:2rem; padding-bottom:2rem; }
    .py-12{ padding-top:3rem; padding-bottom:3rem; }
    .py-16{ padding-top:4rem; padding-bottom:4rem; }
    .py-24{ padding-top:6rem; padding-bottom:6rem; }
    .text-center{ text-align:center; }
    .text-white{ color:#fff; }
    .text-gray-800{ color:#2d3748; }
    .text-gray-600{ color:#718096; }
    .text-gray-400{ color:#cbd5e0; }
    .text-xl{ font-size:1.25rem; }
    .text-2xl{ font-size:1.5rem; }
    .text-3xl{ font-size:1.875rem; }
    .text-4xl{ font-size:2.25rem; }
    .text-5xl{ font-size:3rem; }
    .font-bold{ font-weight:700; }
    .font-extrabold{ font-weight:800; }
    .leading-tight{ line-height:1.2; }
    .rounded-full{ border-radius:9999px; }
    .rounded-xl{ border-radius:1rem; }
    .rounded-2xl{ border-radius:1.25rem; }
    .shadow-lg{ box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05); }
    .shadow-xl{ box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04); }
    .bg-white{ background:#fff; }
    .bg-gray-50{ background:#f9fafb; }
    .bg-gray-100{ background:#f7fafc; }
    .bg-gray-800{ background:#2d3748; }
    .flex{ display:flex; }
    .items-center{ align-items:center; }
    .justify-center{ justify-content:center; }
    .justify-between{ justify-content:space-between; }
    .gap-4{ gap:1rem; }
    .gap-6{ gap:1.5rem; }
    .gap-8{ gap:2rem; }
    .grid{ display:grid; }
    .grid-cols-1{ grid-template-columns:repeat(1,minmax(0,1fr)); }
    .grid-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .grid-cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .p-2{ padding:.5rem; }
    .p-4{ padding:1rem; }
    .p-6{ padding:1.5rem; }
    .p-8{ padding:2rem; }
    .mb-2{ margin-bottom:.5rem; }
    .mb-3{ margin-bottom:.75rem; }
    .mb-4{ margin-bottom:1rem; }
    .mb-6{ margin-bottom:1.5rem; }
    .mb-8{ margin-bottom:2rem; }
    .mb-12{ margin-bottom:3rem; }
    .mt-2{ margin-top:.5rem; }
    .mt-4{ margin-top:1rem; }
    .mt-6{ margin-top:1.5rem; }
    .mt-8{ margin-top:2rem; }
    .cursor-pointer{ cursor:pointer; }
    .hidden{ display:none; }
    .w-full{ width:100%; }
    .h-auto{ height:auto; }
    .w-10{ width:2.5rem; }
    .h-10{ height:2.5rem; }
    .object-cover{ object-fit:cover; }
    .fixed{ position:fixed; }
    .inset-0{ top:0; right:0; bottom:0; left:0; }
    .bottom-0{ bottom:0; }
    .left-0{ left:0; }
    .right-0{ right:0; }
    .z-50{ z-index:50; }
    .backdrop-blur-sm{ backdrop-filter: blur(6px); }
    .transform{ transform:translateY(0); }
    .translate-y-full{ transform:translateY(120%); }
    .transition-transform{ transition-property:transform; }
    .transition-all{ transition:all .3s ease; }
    .duration-300{ transition-duration:.3s; }
    .ease-in-out{ transition-timing-function:cubic-bezier(0.4,0,0.2,1); }

    /* 简易响应式（可按需扩展） */
    @media (max-width: 900px){ .grid-cols-3{ grid-template-columns:repeat(1,minmax(0,1fr)); } .grid-cols-2{ grid-template-columns:repeat(1,minmax(0,1fr)); } }
    /* 图标与卡片 */
    .icon-badge{width:3rem;height:3rem;border-radius:9999px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
    .icon-tile{background:#fff;border-radius:1.25rem;padding:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
    .auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
    .soft-grad{background:linear-gradient(135deg,#fff 0%, #ffe8f1 60%, #fff 100%)}
    .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    @media (max-width: 900px){ .grid-cols-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }}