@keyframes button-animation{0%{transform:scale(0.3);}50%{transform:scale(1.1);}100%{transform:scale(1);}}@keyframes underline-expand{0%{transform:scaleX(0);}100%{transform:scaleX(1);}}.breadcrumb{list-style:none;margin:1.25rem 0;padding:0;display:flex;flex-wrap:wrap;gap:0.25rem;font-family:-apple-system,system-ui,sans-serif;}.breadcrumb li{display:flex;align-items:center;position:relative;}.breadcrumb li a{text-decoration:none;padding:0.5rem 1rem;font-size:0.875rem;border-radius:0.25rem;background:rgba(var(--breadcrumb-bg),0.05);color:rgba(var(--breadcrumb-color),0.9);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(4px);border:1px solid rgba(var(--breadcrumb-color),0.08);position:relative;overflow:hidden;}.breadcrumb li a:hover{background:rgba(var(--breadcrumb-color),0.03);box-shadow:0 2px 8px rgba(0,0,0,0.03);}.breadcrumb li:not(:last-child)::after{content:"";width:1px;height:1em;background:rgba(var(--breadcrumb-color),0.15);margin:0 0.75rem;transform:rotate(15deg);}.breadcrumb li:last-child a{background:rgba(var(--breadcrumb-color),0.08);color:rgba(var(--breadcrumb-color),1);font-weight:500;}.app-container{margin:0 auto;padding:20px;}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}.app-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,0.1),0 1px 10px rgba(0,0,0,0.05);transition:all 0.3s ease;border-top:3px solid transparent;text-decoration:none;animation:button-animation 0.4s ease-in-out;cursor:pointer;}.app-card:nth-child(3n+1){border-top-color:#4285F4;}.app-card:nth-child(3n+2){border-top-color:#EA4335;}.app-card:nth-child(3n+3){border-top-color:#34A853;}.app-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.2);}.app-card .feature-container{margin-top:20px;padding:15px;border-radius:8px;background:#f5f6f8;transition:all 0.3s ease;}.app-card:nth-child(3n+1) .feature-container{background:#eef5ff;}.app-card:nth-child(3n+2) .feature-container{background:#fff2f1;}.app-card:nth-child(3n+3) .feature-container{background:#e9f7ef;}.app-card:hover .feature-container{box-shadow:0 2px 10px rgba(0,0,0,0.1);}.app-card h3{margin:0 0 10px 0;font-size:20px;color:#333;font-weight:bold;position:relative;display:inline-block;}.app-card h3::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,currentColor);transition:all 0.3s ease;}.app-card:nth-child(3n+1) h3::after{background:linear-gradient(to right,transparent,#4285F4);}.app-card:nth-child(3n+2) h3::after{background:linear-gradient(to right,transparent,#EA4335);}.app-card:nth-child(3n+3) h3::after{background:linear-gradient(to right,transparent,#34A853);}.app-card:hover h3::after{height:3px;background:linear-gradient(to right,transparent,currentColor);animation:underline-expand 0.3s ease forwards;}.app-card:nth-child(3n+1):hover h3::after{background:linear-gradient(to right,#4285F4,#3267d6);}.app-card:nth-child(3n+2):hover h3::after{background:linear-gradient(to right,#EA4335,#c7372b);}.app-card:nth-child(3n+3):hover h3::after{background:linear-gradient(to right,#34A853,#2b8e45);}.app-card h4{margin:0 0 10px 0;font-size:18px;color:#444;}.app-card p{font-size:15px;color:#666;margin:5px 0;line-height:1.5;}@media (prefers-color-scheme:light){:root{--breadcrumb-color:38,38,38;--breadcrumb-bg:255,255,255;}.breadcrumb li a{box-shadow:0 1px 2px rgba(0,0,0,0.02);}}@media (prefers-color-scheme:dark){:root{--breadcrumb-color:245,245,245;--breadcrumb-bg:15,15,15;}body{background:#262626;filter:grayscale(40%);color:#ccc;}body *{color:#ccc !important;}.breadcrumb li a{border-color:rgba(255,255,255,0.1);}.app-card{background:#2a2a2a;box-shadow:0 2px 5px rgba(0,0,0,0.3),0 1px 10px rgba(0,0,0,0.2);border:1px solid #3a3a3a;}.app-card:hover{box-shadow:0 4px 15px rgba(0,0,0,0.4);}.app-card .feature-container{background:#333333;}.app-card:nth-child(3n+1) .feature-container{background:#2e3b4e;}.app-card:nth-child(3n+2) .feature-container{background:#4e2e3b;}.app-card:nth-child(3n+3) .feature-container{background:#2e4e3b;}.app-card h3::after{background:linear-gradient(to right,transparent,#ccc);}.app-card:nth-child(3n+1) h3::after{background:linear-gradient(to right,transparent,#4285F4);}.app-card:nth-child(3n+2) h3::after{background:linear-gradient(to right,transparent,#EA4335);}.app-card:nth-child(3n+3) h3::after{background:linear-gradient(to right,transparent,#34A853);}.app-card:hover h3::after{background:linear-gradient(to right,#ccc,currentColor);}.app-card:nth-child(3n+1):hover h3::after{background:linear-gradient(to right,#4285F4,#3267d6);}.app-card:nth-child(3n+2):hover h3::after{background:linear-gradient(to right,#EA4335,#c7372b);}.app-card:nth-child(3n+3):hover h3::after{background:linear-gradient(to right,#34A853,#2b8e45);}}@media (max-width:640px){.breadcrumb{gap:0.125rem;margin:0.75rem 0;}.breadcrumb li a{padding:0.375rem 0.75rem;font-size:0.75rem;}.breadcrumb li:not(:last-child)::after{margin:0 0.5rem;}}@media only screen and (max-width:620px){.card-container{grid-template-columns:1fr;}}body{max-width:960px;margin-left:auto;margin-right:auto;}body > *,.breadcrumb{padding-left:15px;padding-right:15px;}