*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
    .container{max-width:1200px;margin:0 auto;padding:20px}
    .header{background:#1a237e;color:#fff;padding:30px 0;text-align:center}
    .header h1{font-size:28px;margin-bottom:10px}
    .header p{font-size:16px;opacity:.9}
    .category{background:#f5f7ff;border-left:4px solid #1a237e;padding:14px 18px;margin:30px 0 15px;border-radius:4px}
    .category h2{font-size:18px;color:#1a237e}
    .chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px}
    .chip-item{
        background:#fff;
        border:1px solid #eee;
        padding:10px 12px;
        border-radius:4px;
        font-size:14px;
        color:#222;
        cursor:pointer;
        transition:all 0.2s ease;
        text-decoration:none;
        display:block;
    }
    .chip-item:hover{
        background:#e8f0ff;
        border-color:#1a237e;
        box-shadow:0 2px 6px rgba(0,0,0,0.1);
        color:#1a237e;
        transform:translateY(-1px);
    }
    .footer{text-align:center;padding:25px;margin-top:40px;color:#666;font-size:13px;border-top:1px solid #eee}