.services{background:var(--light-bg);padding:40px 0;text-align:center} .services-intro{max-width:860px;margin:0 auto 30px;color:var(--text-color);font-size:0.98rem;line-height:1.9} .services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;max-width:1000px;margin:0 auto 22px} .service-item{display:flex;align-items:center;gap:12px;padding:16px 18px;background:white;border:1px solid #eee;border-radius:8px;text-align:left;transition:var(--transition)} .service-item:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow)} .service-item i{font-size:1.5rem;color:var(--primary-color)} .service-item-name{font-weight:600;color:var(--text-color)} .service-item-count{margin-top:2px;font-size:0.85rem;color:#999} .services-total{margin-bottom:24px;color:var(--text-color);font-size:0.95rem} .services-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px} .get-started{background:white;padding:40px 0;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05)} .section-title{font-size:2rem;margin-bottom:30px;color:var(--primary-color);position:relative;display:inline-block} .section-title:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary-color)} .start-options{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:30px} .option-card{background:var(--light-bg);border:1px solid #eee;border-radius:8px;padding:25px;width:220px;transition:var(--transition)} .option-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow);border-color:var(--primary-color)} .option-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:15px} .option-card h3{margin-bottom:10px;color:var(--text-color)} .option-card-link{cursor:pointer} .pip-code{background:#f5f5f5} .version-badge{background:var(--primary-color);color:white;padding:3px 14px;border-radius:20px;font-size:0.9rem;display:inline-block;cursor:pointer} .copy-badge{margin-top:10px} .version-badge-gold{background:#FFB800;color:#fff;border:1px solid #FFB800} .changelog-meta{margin-bottom:6px} .changelog-version{font-weight:600} .changelog-date{color:#999;font-size:12px;margin-left:8px} .changelog-actions{display:flex;justify-content:space-around;margin-top:7px} .divider{height:1px;background:#eee;margin:40px 0} .layui-layer-msg{background-color:rgba(0,0,0,0.8) !important;color:white !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.3) !important;font-weight:500 !important} .layui-layer-msg .layui-layer-content{padding:12px 20px !important;font-size:14px !important} @media (max-width:768px){.start-options .option-card{width:80vw;max-width:90%} .services-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px} .service-item{padding:12px 14px}}