2 lines
6.8 KiB
CSS
2 lines
6.8 KiB
CSS
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.nav-menu{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.2)}.nav-brand{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.5px}.nav-links{display:flex;gap:.5rem}.nav-link{color:#fffc;text-decoration:none;padding:.4rem 1rem;border-radius:8px;font-size:.95rem;transition:background .2s,color .2s}.nav-link:hover{background:#ffffff26;color:#fff}.nav-link--active{background:#ffffff40;color:#fff;font-weight:600}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.card[data-v-73a3402e]{text-align:center;background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 10px 30px #0003;min-width:320px}h1[data-v-73a3402e]{color:#333;margin-bottom:.5rem;font-size:1.8rem}p[data-v-73a3402e]{color:#666;font-size:1.2rem;margin-bottom:1.5rem}.button-group[data-v-73a3402e]{display:flex;gap:.8rem;justify-content:center;margin-bottom:1.5rem}.btn[data-v-73a3402e]{padding:.6rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.btn[data-v-73a3402e]:active{transform:scale(.97)}.btn-primary[data-v-73a3402e]{background:#667eea;color:#fff}.btn-primary[data-v-73a3402e]:hover{background:#5a6fd6}.btn-secondary[data-v-73a3402e]{background:#e0e0e0;color:#333}.btn-secondary[data-v-73a3402e]:hover{background:#d0d0d0}.badge[data-v-73a3402e]{display:inline-block;padding:.3rem .8rem;background:#42b883;color:#fff;border-radius:20px;font-size:.8rem;font-weight:700}.badge-loading[data-v-73a3402e]{background:#f0ad4e}.card[data-v-4b611a35]{text-align:left;background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 10px 30px #0003;min-width:360px;max-width:500px}h1[data-v-4b611a35]{color:#333;margin-bottom:.8rem;font-size:1.8rem;text-align:center}.description[data-v-4b611a35]{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.info-section[data-v-4b611a35]{margin-bottom:1.5rem}.info-section h2[data-v-4b611a35]{color:#444;font-size:1.1rem;margin-bottom:.5rem;border-bottom:2px solid #f0f0f0;padding-bottom:.3rem}.tech-list[data-v-4b611a35],.feature-list[data-v-4b611a35]{list-style:none;padding:0}.tech-list li[data-v-4b611a35],.feature-list li[data-v-4b611a35]{padding:.3rem 0;color:#555;font-size:.95rem}.tech-list li[data-v-4b611a35]:before,.feature-list li[data-v-4b611a35]:before{content:"•";color:#667eea;font-weight:700;margin-right:.5rem}.tag[data-v-4b611a35]{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-right:.4rem;vertical-align:middle}.tag.frontend[data-v-4b611a35]{background:#e8f5e9;color:#2e7d32}.tag.backend[data-v-4b611a35]{background:#e3f2fd;color:#1565c0}.tag.tooling[data-v-4b611a35]{background:#fff3e0;color:#e65100}.btn[data-v-4b611a35]{display:inline-block;padding:.6rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s;text-decoration:none;margin-top:.5rem}.btn[data-v-4b611a35]:active{transform:scale(.97)}.btn-primary[data-v-4b611a35]{background:#667eea;color:#fff}.btn-primary[data-v-4b611a35]:hover{background:#5a6fd6}.sample-list-container[data-v-8096be38]{width:100%;max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a}.list-header[data-v-8096be38]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title[data-v-8096be38]{font-size:1.5rem;color:#333}.btn[data-v-8096be38]{padding:.5rem 1.2rem;border-radius:8px;text-decoration:none;font-size:.9rem;border:none;cursor:pointer;transition:opacity .2s}.btn[data-v-8096be38]:hover{opacity:.8}.btn-primary[data-v-8096be38]{background:#667eea;color:#fff}.btn-link[data-v-8096be38]{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:600}.btn-link[data-v-8096be38]:hover{text-decoration:underline}.loading[data-v-8096be38],.error[data-v-8096be38]{text-align:center;padding:2rem;font-size:1rem}.error[data-v-8096be38]{color:#e74c3c}.sample-table[data-v-8096be38]{width:100%;border-collapse:collapse}.sample-table th[data-v-8096be38],.sample-table td[data-v-8096be38]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.sample-table th[data-v-8096be38]{background:#f8f9fa;font-weight:600;color:#555}.sample-table tbody tr[data-v-8096be38]:hover{background:#f0f4ff}.detail-container[data-v-b96736f0]{width:100%;max-width:700px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a}.detail-title[data-v-b96736f0]{font-size:1.5rem;margin-bottom:.5rem;color:#333}.detail-meta[data-v-b96736f0]{display:flex;gap:1rem;font-size:.85rem;color:#888;margin-bottom:1rem}.divider[data-v-b96736f0]{border:none;border-top:1px solid #eee;margin-bottom:1rem}.detail-content[data-v-b96736f0]{font-size:1rem;line-height:1.7;color:#444;margin-bottom:2rem;white-space:pre-wrap}.detail-actions[data-v-b96736f0]{display:flex;gap:.5rem}.btn[data-v-b96736f0]{padding:.5rem 1.2rem;border-radius:8px;text-decoration:none;font-size:.95rem;border:none;cursor:pointer;transition:opacity .2s}.btn[data-v-b96736f0]:hover{opacity:.8}.btn-secondary[data-v-b96736f0]{background:#6c757d;color:#fff}.btn-primary[data-v-b96736f0]{background:#667eea;color:#fff}.btn-danger[data-v-b96736f0]{background:#e74c3c;color:#fff}.loading[data-v-b96736f0],.error[data-v-b96736f0]{text-align:center;padding:2rem;font-size:1rem}.error[data-v-b96736f0]{color:#e74c3c}.form-container[data-v-7bf172bf]{width:100%;max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a}.form-title[data-v-7bf172bf]{font-size:1.4rem;margin-bottom:1.5rem;color:#333}.form-group[data-v-7bf172bf]{margin-bottom:1rem}.form-group label[data-v-7bf172bf]{display:block;font-size:.9rem;font-weight:600;color:#555;margin-bottom:.4rem}.form-group input[data-v-7bf172bf],.form-group textarea[data-v-7bf172bf]{width:100%;padding:.6rem .8rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input[data-v-7bf172bf]:focus,.form-group textarea[data-v-7bf172bf]:focus{outline:none;border-color:#667eea}.form-actions[data-v-7bf172bf]{display:flex;gap:.5rem;margin-top:1.5rem}.btn[data-v-7bf172bf]{padding:.5rem 1.2rem;border-radius:8px;text-decoration:none;font-size:.95rem;border:none;cursor:pointer;transition:opacity .2s}.btn[data-v-7bf172bf]:hover{opacity:.8}.btn[data-v-7bf172bf]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-7bf172bf]{background:#667eea;color:#fff}.btn-secondary[data-v-7bf172bf]{background:#6c757d;color:#fff}
|