*{box-sizing:border-box}body{margin:0;font:16px Arial;color:#333;background:#f5f5f5}header,main{max-width:1100px;margin:auto;padding:22px}header{display:flex;align-items:center;gap:22px;background:#fff}header img{max-height:70px;max-width:200px}header div{flex:1}header a,.btn{background:#1a73e8;color:#fff;text-decoration:none;padding:10px 15px;border-radius:7px}main input{width:100%;padding:14px;font-size:16px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}button{padding:9px 15px;border:1px solid #ddd;border-radius:20px;background:#fff}button.active{background:#1a73e8;color:#fff}.card{background:#fff;border:1px solid #ddd;border-radius:9px;margin:14px 0;overflow:hidden}.head{padding:18px;cursor:pointer}.content{display:none;padding:18px;border-top:1px solid #eee}.card.open .content{display:block}.badge{display:inline-block;margin:8px 5px 0 0;padding:5px 9px;border-radius:15px;background:#eee}.voice{margin-bottom:22px}.btn{display:inline-block;margin:4px}.note{background:#eef5ff;padding:12px;margin-top:9px}